#2F4509#2F4509
#2F4509 is a dark, moderate yellow-green. Relative luminance 0.049; OKLCH L 35.9% C 0.087 H 128.3°. Best body text is #FFFFFF at 10.63:1 contrast (WCAG AA passes).
Color values
| HEX | #2F4509 |
|---|---|
| RGB | rgb(47, 69, 9) |
| HSL | hsl(82, 77%, 15%) |
| HSV | hsv(82, 87%, 27%) |
| CMYK | cmyk(31.9%, 0%, 87%, 72.9%) |
| CIE-LAB | lab(26.39, -18.79, 30.87) |
| CIE-LCH | lch(26.39, 36.14, 121.32°) |
| OKLab | oklab(35.91% -0.0539 0.0682) |
| OKLCH | oklch(35.91% 0.087 128.3) |
| XYZ | xyz(3.3497, 4.8802, 1.0239) |
| Luminance | 0.0488 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Dark Olive Green
#3C4D03
ΔE00 4.13
Navy Green
#35530A
ΔE00 4.76
Dark Olive
#373E02
ΔE00 5.07
Forrest Green
#154406
ΔE00 5.30
Hunter Green (survey)
#0B4008
ΔE00 6.67
Racing Green
#014600
ΔE00 7.14
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#2F4509 #1F0945
analogous
#453D09 #2F4509 #114509
triadic
#2F4509 #092F45 #45092F
tetradic
#2F4509 #09453D #1F0945 #450911
square
#2F4509 #09453D #1F0945 #450911
split-complementary
#2F4509 #091145 #3D0945
monochromatic
#121B04 #121B04 #2F4509 #547B10 #79B117
Accessibility & contrast
On white
10.63
#2F4509 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.98
#2F4509 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #2F4509
10.63:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##2F4509 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##2F4509 | 1.00 | 10.63 | 1.98 | 10.63 |
| #FFFFFF | 10.63 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.98 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.63 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#493F00
Deuteranopia (green-blind)
#463E0F
Tritanopia (blue-blind)
#31413A
Achromatopsia (no color)
#3E3E3E
Design tokens & code
CSS
--color: #2f4509; /* rgb */ color: rgb(47, 69, 9); /* oklch */ color: oklch(35.9% 0.087 128.3);
Tailwind
colors: {
custom: {
50: '#6a784e',
500: '#2f4509',
950: '#000000',
},
}SCSS
$custom: #2f4509; $custom-light: #6a784e; $custom-dark: #000000;
JSON
{
"hex": "#2f4509",
"rgb": {
"r": 47,
"g": 69,
"b": 9
},
"hsl": {
"h": 82,
"s": 76.923,
"l": 15.294
},
"oklch": {
"l": 0.3591,
"c": 0.08692,
"h": 128.3
},
"luminance": 0.0488
}Semantic roles & 50–950 ramp
primary
#2F4509
secondary
#492783
accent
#34F37A
background
#F6F7F4
surface
#EBEDE7
border
#C6C8C3
text
#070902
muted
#7A7B78