#273603#273603
#273603 is a dark, moderate yellow-green. Relative luminance 0.031; OKLCH L 30.8% C 0.075 H 125.4°. Best body text is #FFFFFF at 13.00:1 contrast (WCAG AA passes).
Color values
| HEX | #273603 |
|---|---|
| RGB | rgb(39, 54, 3) |
| HSL | hsl(78, 89%, 11%) |
| HSV | hsv(78, 94%, 21%) |
| CMYK | cmyk(27.8%, 0%, 94.4%, 78.8%) |
| CIE-LAB | lab(20.35, -14.77, 26.99) |
| CIE-LCH | lch(20.35, 30.77, 118.69°) |
| OKLab | oklab(30.83% -0.0431 0.0608) |
| OKLCH | oklch(30.83% 0.075 125.4) |
| XYZ | xyz(2.1723, 3.0762, 0.5655) |
| Luminance | 0.0308 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Dark Olive
#373E02
ΔE00 4.86
Dark Green
#033500
ΔE00 7.50
Forrest Green
#154406
ΔE00 7.56
Very Dark Green
#062E03
ΔE00 7.72
Hunter Green (survey)
#0B4008
ΔE00 7.82
Dark Olive Green
#3C4D03
ΔE00 8.20
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#273603 #120336
analogous
#362B03 #273603 #0D3603
triadic
#273603 #032736 #360327
tetradic
#273603 #03362B #120336 #36030D
square
#273603 #03362B #120336 #36030D
split-complementary
#273603 #030D36 #2B0336
monochromatic
#151D02 #151D02 #273603 #517006 #7BAA09
Accessibility & contrast
On white
13.00
#273603 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.62
#273603 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #273603
13.00:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##273603 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##273603 | 1.00 | 13.00 | 1.62 | 13.00 |
| #FFFFFF | 13.00 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.62 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 13.00 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#3A3200
Deuteranopia (green-blind)
#383107
Tritanopia (blue-blind)
#29332D
Achromatopsia (no color)
#313131
Design tokens & code
CSS
--color: #273603; /* rgb */ color: rgb(39, 54, 3); /* oklch */ color: oklch(30.8% 0.075 125.4);
Tailwind
colors: {
custom: {
50: '#636d49',
500: '#273603',
950: '#000000',
},
}SCSS
$custom: #273603; $custom-light: #636d49; $custom-dark: #000000;
JSON
{
"hex": "#273603",
"rgb": {
"r": 39,
"g": 54,
"b": 3
},
"hsl": {
"h": 77.647,
"s": 89.474,
"l": 11.176
},
"oklch": {
"l": 0.30834,
"c": 0.07456,
"h": 125.4
},
"luminance": 0.03076
}Semantic roles & 50–950 ramp
primary
#273603
secondary
#371C79
accent
#29FF68
background
#F6F6F4
surface
#EBEBE7
border
#C6C6C3
text
#050701
muted
#7A7A77