#434331#434331
#434331 is a dark, muted yellow. Relative luminance 0.054; OKLCH L 37.7% C 0.029 H 107.7°. Best body text is #FFFFFF at 10.07:1 contrast (WCAG AA passes).
Color values
| HEX | #434331 |
|---|---|
| RGB | rgb(67, 67, 49) |
| HSL | hsl(60, 16%, 23%) |
| HSV | hsv(60, 27%, 26%) |
| CMYK | cmyk(0%, 0%, 26.9%, 73.7%) |
| CIE-LAB | lab(27.92, -3.54, 10.97) |
| CIE-LCH | lch(27.92, 11.53, 107.88°) |
| OKLab | oklab(37.74% -0.0089 0.0278) |
| OKLCH | oklch(37.74% 0.029 107.7) |
| XYZ | xyz(4.8763, 5.4294, 3.6962) |
| Luminance | 0.0543 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Charcoal (survey)
#343837
ΔE00 9.48
Dark Grey
#363737
ΔE00 10.15
Charcoal Grey
#3C4142
ΔE00 10.17
Onyx
#353839
ΔE00 10.71
Dark Olive
#373E02
ΔE00 11.60
Walnut
#5C4A3D
ΔE00 12.44
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#434331 #313143
analogous
#433A31 #434331 #3A4331
triadic
#434331 #314343 #433143
tetradic
#434331 #31433A #313143 #43313A
square
#434331 #31433A #313143 #43313A
split-complementary
#434331 #313A43 #3A3143
monochromatic
#12120D #202017 #434331 #66664B #8A8A65
Accessibility & contrast
On white
10.07
#434331 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.09
#434331 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #434331
10.07:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##434331 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##434331 | 1.00 | 10.07 | 2.09 | 10.07 |
| #FFFFFF | 10.07 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.09 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.07 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#464130
Deuteranopia (green-blind)
#464232
Tritanopia (blue-blind)
#46413E
Achromatopsia (no color)
#424242
Design tokens & code
CSS
--color: #434331; /* rgb */ color: rgb(67, 67, 49); /* oklch */ color: oklch(37.7% 0.029 107.7);
Tailwind
colors: {
custom: {
50: '#777769',
500: '#434331',
950: '#000000',
},
}SCSS
$custom: #434331; $custom-light: #777769; $custom-dark: #000000;
JSON
{
"hex": "#434331",
"rgb": {
"r": 67,
"g": 67,
"b": 49
},
"hsl": {
"h": 60,
"s": 15.517,
"l": 22.745
},
"oklch": {
"l": 0.37741,
"c": 0.02915,
"h": 107.7
},
"luminance": 0.05429
}Semantic roles & 50–950 ramp
primary
#434331
secondary
#5D5D73
accent
#70B870
background
#F7F7F6
surface
#EDEDEB
border
#C8C8C6
text
#080806
muted
#7B7B7A