#483A0E#483A0E
#483A0E is a dark, moderate yellow. Relative luminance 0.044; OKLCH L 35.4% C 0.063 H 90.7°. Best body text is #FFFFFF at 11.13:1 contrast (WCAG AA passes).
Color values
| HEX | #483A0E |
|---|---|
| RGB | rgb(72, 58, 14) |
| HSL | hsl(46, 67%, 17%) |
| HSV | hsv(46, 81%, 28%) |
| CMYK | cmyk(0%, 19.4%, 80.6%, 71.8%) |
| CIE-LAB | lab(25.06, 0.68, 28.27) |
| CIE-LCH | lch(25.06, 28.28, 88.62°) |
| OKLab | oklab(35.43% -0.0008 0.0628) |
| OKLCH | oklch(35.43% 0.063 90.7) |
| XYZ | xyz(4.2650, 4.4358, 1.0469) |
| Luminance | 0.0444 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Mud Brown
#60460F
ΔE00 6.68
Green Brown
#544E03
ΔE00 8.65
Dark Olive
#373E02
ΔE00 9.16
Olive Brown
#645403
ΔE00 10.42
Espresso
#4B382A
ΔE00 11.65
Brown (survey)
#653700
ΔE00 11.87
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#483A0E #0E1C48
analogous
#481D0E #483A0E #39480E
triadic
#483A0E #0E483A #3A0E48
tetradic
#483A0E #0E481D #0E1C48 #480E39
square
#483A0E #0E481D #0E1C48 #480E39
split-complementary
#483A0E #0E3948 #1D0E48
monochromatic
#1A1505 #1A1505 #483A0E #7B6318 #AE8D22
Accessibility & contrast
On white
11.13
#483A0E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.89
#483A0E on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #483A0E
11.13:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##483A0E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##483A0E | 1.00 | 11.13 | 1.89 | 11.13 |
| #FFFFFF | 11.13 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.89 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 11.13 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#413908
Deuteranopia (green-blind)
#453D10
Tritanopia (blue-blind)
#4F3431
Achromatopsia (no color)
#3B3B3B
Design tokens & code
CSS
--color: #483a0e; /* rgb */ color: rgb(72, 58, 14); /* oklch */ color: oklch(35.4% 0.063 90.7);
Tailwind
colors: {
custom: {
50: '#7e6f50',
500: '#483a0e',
950: '#000000',
},
}SCSS
$custom: #483a0e; $custom-light: #7e6f50; $custom-dark: #000000;
JSON
{
"hex": "#483a0e",
"rgb": {
"r": 72,
"g": 58,
"b": 14
},
"hsl": {
"h": 45.517,
"s": 67.442,
"l": 16.863
},
"oklch": {
"l": 0.35428,
"c": 0.06278,
"h": 90.7
},
"luminance": 0.04436
}Semantic roles & 50–950 ramp
primary
#483A0E
secondary
#2F4383
accent
#67EA3D
background
#F7F6F4
surface
#EEECE7
border
#C9C7C3
text
#0A0702
muted
#7C7A78