#003300 color codes
- HEX
- #003300
- HEX8
- #003300FF
- HEX8 (Android)
- #FF003300
- RGB
- rgb(0, 51, 0)
- RGB (%)
- 0%, 20%, 0%
- HSL
- hsl(120, 100%, 10%)
- HSV / HSB
- hsv(120, 100%, 20%)
- CMYK
- cmyk(100%, 0%, 100%, 80%)
- OKLCH
- oklch(0.2782 0.0947 142.5)
- OKLCH (%)
- oklch(27.82% 0.0947 142.5)
- Decimal
- 13056
What color is #003300?
#003300 sits at 28% lightness and 0.0947 chroma in OKLCH, hue 142.5°. Its nearest named color is DarkGreen.
Shades and tints of #003300
Tints
Shades
Tones
#003300 color harmonies
Complementary
Analogous
Triadic
Split-complementary
Tetradic
Square
Monochromatic
Using #003300 in CSS
.text { color: #003300; }
.background { background-color: #003300; }
.border { border: 2px solid #003300; }
/* Modern, perceptually uniform */
.text { color: oklch(0.2782 0.0947 142.5); }
/* #003300 at 50% transparency */
.overlay { background-color: #00330080; }Is #003300 accessible?
#003300 on white text scores 14.25:1; on black text it scores 1.47:1. White text passes WCAG AAA on #003300. Recommended text color on a #003300 background: white.
A 1.47:1 vs black
A 14.25:1 vs white
- AA normal ≥ 4.5 Pass
- AA large ≥ 3 Pass
- AAA normal ≥ 7 Pass
- AAA large ≥ 4.5 Pass
Recommended text color: white
CSS
contrast-color() contrast-color(#003300) → white APCA Lc experimental 103.6 Lc · body text — preferred (white text)
WCAG 2.1 AA/AAA is the compliance floor; APCA is an optional readability metric.
Related colors
Nearest featured color: Green #008000. See more in the green family on the colors hub.
Frequently asked questions
- What color is #003300?
- #003300 is closest to DarkGreen. In RGB it is rgb(0, 51, 0), and in HSL hsl(120, 100%, 10%).
- What is #003300 in RGB?
- #003300 converts to rgb(0, 51, 0) — red 0, green 51, blue 0.
- What text color is readable on #003300?
- White text — it has the higher contrast ratio (14.25:1) against #003300. White text passes WCAG AAA on #003300.