#794129#794129
#794129 is a dark, moderate orange. Relative luminance 0.080; OKLCH L 43.9% C 0.086 H 43.3°. Best body text is #FFFFFF at 8.07:1 contrast (WCAG AA passes).
Color values
| HEX | #794129 |
|---|---|
| RGB | rgb(121, 65, 41) |
| HSL | hsl(18, 49%, 32%) |
| HSV | hsv(18, 66%, 47%) |
| CMYK | cmyk(0%, 46.3%, 66.1%, 52.5%) |
| CIE-LAB | lab(34.00, 21.92, 25.09) |
| CIE-LCH | lch(34.00, 33.31, 48.85°) |
| OKLab | oklab(43.92% 0.0625 0.0588) |
| OKLCH | oklch(43.92% 0.086 43.3) |
| XYZ | xyz(10.1765, 8.0067, 3.1069) |
| Luminance | 0.0801 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Reddish Brown
#7F2B0A
ΔE00 7.01
Red Brown
#8B2E16
ΔE00 7.24
Saddlebrown
#8B4513
ΔE00 7.45
Chestnut
#742802
ΔE00 7.68
Rust Brown
#8B3103
ΔE00 7.89
Milk Chocolate
#7F4E1E
ΔE00 8.84
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#794129 #296179
analogous
#792939 #794129 #796929
triadic
#794129 #297941 #412979
tetradic
#794129 #397929 #296179 #692979
square
#794129 #397929 #296179 #692979
split-complementary
#794129 #297969 #293979
monochromatic
#1E100A #4B281A #794129 #A75A38 #C67856
Accessibility & contrast
On white
8.07
#794129 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.60
#794129 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #794129
8.07:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##794129 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##794129 | 1.00 | 8.07 | 2.60 | 8.07 |
| #FFFFFF | 8.07 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.60 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.07 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#504827
Deuteranopia (green-blind)
#5D5528
Tritanopia (blue-blind)
#84363B
Achromatopsia (no color)
#505050
Design tokens & code
CSS
--color: #794129; /* rgb */ color: rgb(121, 65, 41); /* oklch */ color: oklch(43.9% 0.086 43.3);
Tailwind
colors: {
custom: {
50: '#a47663',
500: '#794129',
950: '#000000',
},
}SCSS
$custom: #794129; $custom-light: #a47663; $custom-dark: #000000;
JSON
{
"hex": "#794129",
"rgb": {
"r": 121,
"g": 65,
"b": 41
},
"hsl": {
"h": 18,
"s": 49.383,
"l": 31.765
},
"oklch": {
"l": 0.43922,
"c": 0.08582,
"h": 43.3
},
"luminance": 0.08006
}Semantic roles & 50–950 ramp
primary
#794129
secondary
#5390AB
accent
#B0D94F
background
#FAF7F5
surface
#F4EDEA
border
#CEC8C6
text
#100805
muted
#7F7B79