#88471E#88471E

#88471E is a mid, moderate orange. Relative luminance 0.098; OKLCH L 47.1% C 0.103 H 49.9°. Best body text is #FFFFFF at 7.08:1 contrast (WCAG AA passes).

Color values

HEX	#88471E
RGB	rgb(136, 71, 30)
HSL	hsl(23, 64%, 33%)
HSV	hsv(23, 78%, 53%)
CMYK	cmyk(0%, 47.8%, 77.9%, 46.7%)
CIE-LAB	lab(37.55, 24.43, 35.78)
CIE-LCH	lch(37.55, 43.32, 55.68°)
OKLab	oklab(47.07% 0.0667 0.0791)
OKLCH	oklch(47.07% 0.103 49.9)
XYZ	xyz(12.6421, 9.8359, 2.4608)
Luminance	0.0983 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#88471E #1E5F88

analogous

#881E2A #88471E #887C1E

triadic

#88471E #1E8847 #471E88

tetradic

#88471E #2A881E #1E5F88 #7C1E88

square

#88471E #2A881E #1E5F88 #7C1E88

split-complementary

#88471E #1E887C #1E2A88

monochromatic

#241308 #562D13 #88471E #BA6129 #D78049

Accessibility & contrast

On white

7.08

#88471E on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.97

#88471E on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #88471E

7.08:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##88471E	#FFFFFF	#000000	##FFFFFF
##88471E	1.00	7.08	2.97	7.08
#FFFFFF	7.08	1.00	21.00	1.00
#000000	2.97	21.00	1.00	21.00
##FFFFFF	7.08	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#5A4F19

Deuteranopia (green-blind)

#695E1D

Tritanopia (blue-blind)

#95393E

Achromatopsia (no color)

#585858

Design tokens & code

CSS

--color: #88471e;
/* rgb */ color: rgb(136, 71, 30);
/* oklch */ color: oklch(47.1% 0.103 49.9);

Tailwind

colors: {
  custom: {
    50: '#b07b5c',
    500: '#88471e',
    950: '#000000',
  },
}

SCSS

$custom: #88471e;
$custom-light: #b07b5c;
$custom-dark: #000000;

JSON

{
  "hex": "#88471e",
  "rgb": {
    "r": 136,
    "g": 71,
    "b": 30
  },
  "hsl": {
    "h": 23.208,
    "s": 63.855,
    "l": 32.549
  },
  "oklch": {
    "l": 0.4707,
    "c": 0.10345,
    "h": 49.9
  },
  "luminance": 0.09834
}

Semantic roles & 50–950 ramp

primary

#88471E

secondary

#498EB9

accent

#A7E741

background

#FBF7F5

surface

#F6EEE9

border

#D0C9C5

text

#120904

muted

#817B79

Preview Lab

Preview with #88471E

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →