#483C0E#483C0E
#483C0E is a dark, moderate yellow. Relative luminance 0.046; OKLCH L 35.9% C 0.064 H 94.0°. Best body text is #FFFFFF at 10.89:1 contrast (WCAG AA passes).
Color values
| HEX | #483C0E |
|---|---|
| RGB | rgb(72, 60, 14) |
| HSL | hsl(48, 67%, 17%) |
| HSV | hsv(48, 81%, 28%) |
| CMYK | cmyk(0%, 16.7%, 80.6%, 71.8%) |
| CIE-LAB | lab(25.69, -0.60, 28.89) |
| CIE-LCH | lch(25.69, 28.89, 91.18°) |
| OKLab | oklab(35.92% -0.0045 0.0641) |
| OKLCH | oklch(35.92% 0.064 94) |
| XYZ | xyz(4.3678, 4.6414, 1.0812) |
| Luminance | 0.0464 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Mud Brown
#60460F
ΔE00 6.93
Green Brown
#544E03
ΔE00 7.63
Dark Olive
#373E02
ΔE00 8.09
Olive Brown
#645403
ΔE00 9.78
Dark Olive Green
#3C4D03
ΔE00 11.88
Espresso
#4B382A
ΔE00 12.57
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#483C0E #0E1A48
analogous
#481F0E #483C0E #37480E
triadic
#483C0E #0E483C #3C0E48
tetradic
#483C0E #0E481F #0E1A48 #480E37
square
#483C0E #0E481F #0E1A48 #480E37
split-complementary
#483C0E #0E3748 #1F0E48
monochromatic
#1A1505 #1A1505 #483C0E #7B6718 #AE9122
Accessibility & contrast
On white
10.89
#483C0E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.93
#483C0E on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #483C0E
10.89:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##483C0E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##483C0E | 1.00 | 10.89 | 1.93 | 10.89 |
| #FFFFFF | 10.89 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.93 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.89 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#433B07
Deuteranopia (green-blind)
#463E11
Tritanopia (blue-blind)
#4E3733
Achromatopsia (no color)
#3D3D3D
Design tokens & code
CSS
--color: #483c0e; /* rgb */ color: rgb(72, 60, 14); /* oklch */ color: oklch(35.9% 0.064 94.0);
Tailwind
colors: {
custom: {
50: '#7e7150',
500: '#483c0e',
950: '#000000',
},
}SCSS
$custom: #483c0e; $custom-light: #7e7150; $custom-dark: #000000;
JSON
{
"hex": "#483c0e",
"rgb": {
"r": 72,
"g": 60,
"b": 14
},
"hsl": {
"h": 47.586,
"s": 67.442,
"l": 16.863
},
"oklch": {
"l": 0.35921,
"c": 0.06424,
"h": 94
},
"luminance": 0.04641
}Semantic roles & 50–950 ramp
primary
#483C0E
secondary
#2F4083
accent
#61EA3D
background
#F7F6F4
surface
#EEECE7
border
#C9C7C3
text
#0A0702
muted
#7C7A78