#593E27#593E27
#593E27 is a dark, muted orange. Relative luminance 0.057; OKLCH L 38.8% C 0.052 H 60.8°. Best body text is #FFFFFF at 9.80:1 contrast (WCAG AA passes).
Color values
| HEX | #593E27 |
|---|---|
| RGB | rgb(89, 62, 39) |
| HSL | hsl(28, 39%, 25%) |
| HSV | hsv(28, 56%, 35%) |
| CMYK | cmyk(0%, 30.3%, 56.2%, 65.1%) |
| CIE-LAB | lab(28.68, 8.77, 18.75) |
| CIE-LCH | lch(28.68, 20.70, 64.95°) |
| OKLab | oklab(38.85% 0.0253 0.0453) |
| OKLCH | oklch(38.85% 0.052 60.8) |
| XYZ | xyz(6.2090, 5.7160, 2.6953) |
| Luminance | 0.0572 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Espresso
#4B382A
ΔE00 4.91
Walnut
#5C4A3D
ΔE00 6.19
Umber
#635147
ΔE00 8.64
Brown (survey)
#653700
ΔE00 8.84
Mud Brown
#60460F
ΔE00 9.45
Chocolate (survey)
#3D1C02
ΔE00 10.76
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#593E27 #274259
analogous
#592729 #593E27 #595727
triadic
#593E27 #27593E #3E2759
tetradic
#593E27 #295927 #274259 #572759
square
#593E27 #295927 #274259 #572759
split-complementary
#593E27 #275957 #272959
monochromatic
#150F09 #2E2014 #593E27 #845C3A #AE794C
Accessibility & contrast
On white
9.80
#593E27 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.14
#593E27 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #593E27
9.80:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##593E27 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##593E27 | 1.00 | 9.80 | 2.14 | 9.80 |
| #FFFFFF | 9.80 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.14 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.80 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#464025
Deuteranopia (green-blind)
#4D4627
Tritanopia (blue-blind)
#603838
Achromatopsia (no color)
#444444
Design tokens & code
CSS
--color: #593e27; /* rgb */ color: rgb(89, 62, 39); /* oklch */ color: oklch(38.8% 0.052 60.8);
Tailwind
colors: {
custom: {
50: '#8a7361',
500: '#593e27',
950: '#000000',
},
}SCSS
$custom: #593e27; $custom-light: #8a7361; $custom-dark: #000000;
JSON
{
"hex": "#593e27",
"rgb": {
"r": 89,
"g": 62,
"b": 39
},
"hsl": {
"h": 27.6,
"s": 39.062,
"l": 25.098
},
"oklch": {
"l": 0.38847,
"c": 0.05193,
"h": 60.8
},
"luminance": 0.05716
}Semantic roles & 50–950 ramp
primary
#593E27
secondary
#50708C
accent
#99CF59
background
#F8F6F5
surface
#F0ECEA
border
#CBC7C6
text
#0C0805
muted
#7D7B79