#434111#434111
#434111 is a dark, moderate yellow. Relative luminance 0.050; OKLCH L 36.7% C 0.067 H 106.9°. Best body text is #FFFFFF at 10.49:1 contrast (WCAG AA passes).
Color values
| HEX | #434111 |
|---|---|
| RGB | rgb(67, 65, 17) |
| HSL | hsl(58, 60%, 16%) |
| HSV | hsv(58, 75%, 26%) |
| CMYK | cmyk(0%, 3%, 74.6%, 73.7%) |
| CIE-LAB | lab(26.78, -6.13, 28.38) |
| CIE-LCH | lch(26.78, 29.03, 102.19°) |
| OKLab | oklab(36.67% -0.0194 0.0638) |
| OKLCH | oklch(36.67% 0.067 106.9) |
| XYZ | xyz(4.3064, 5.0145, 1.2713) |
| Luminance | 0.0501 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Dark Olive
#373E02
ΔE00 4.04
Green Brown
#544E03
ΔE00 6.42
Dark Olive Green
#3C4D03
ΔE00 7.57
Olive Brown
#645403
ΔE00 10.22
Mud Brown
#60460F
ΔE00 10.37
Navy Green
#35530A
ΔE00 10.79
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#434111 #111343
analogous
#432811 #434111 #2C4311
triadic
#434111 #114341 #411143
tetradic
#434111 #114328 #111343 #43112C
square
#434111 #114328 #111343 #43112C
split-complementary
#434111 #112C43 #281143
monochromatic
#181806 #181806 #434111 #74701D #A5A02A
Accessibility & contrast
On white
10.49
#434111 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.00
#434111 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #434111
10.49:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##434111 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##434111 | 1.00 | 10.49 | 2.00 | 10.49 |
| #FFFFFF | 10.49 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.00 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.49 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#473E0A
Deuteranopia (green-blind)
#484014
Tritanopia (blue-blind)
#483C37
Achromatopsia (no color)
#3F3F3F
Design tokens & code
CSS
--color: #434111; /* rgb */ color: rgb(67, 65, 17); /* oklch */ color: oklch(36.7% 0.067 106.9);
Tailwind
colors: {
custom: {
50: '#797552',
500: '#434111',
950: '#000000',
},
}SCSS
$custom: #434111; $custom-light: #797552; $custom-dark: #000000;
JSON
{
"hex": "#434111",
"rgb": {
"r": 67,
"g": 65,
"b": 17
},
"hsl": {
"h": 57.6,
"s": 59.524,
"l": 16.471
},
"oklch": {
"l": 0.36665,
"c": 0.06674,
"h": 106.9
},
"luminance": 0.05014
}Semantic roles & 50–950 ramp
primary
#434111
secondary
#33367D
accent
#4BE345
background
#F7F7F4
surface
#EEEDE7
border
#C9C8C3
text
#090802
muted
#7B7B78