#87601D#87601D

#87601D is a mid, moderate orange. Relative luminance 0.136; OKLCH L 51.8% C 0.095 H 76.7°. Best body text is #FFFFFF at 5.64:1 contrast (WCAG AA passes).

Color values

HEX#87601D
RGBrgb(135, 96, 29)
HSLhsl(38, 65%, 32%)
HSVhsv(38, 79%, 53%)
CMYKcmyk(0%, 28.9%, 78.5%, 47.1%)
CIE-LABlab(43.66, 9.36, 42.26)
CIE-LCHlch(43.66, 43.28, 77.51°)
OKLaboklab(51.78% 0.022 0.0928)
OKLCHoklch(51.78% 0.095 76.7)
XYZxyz(14.3973, 13.6065, 3.0302)
Luminance0.1361 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#87601D #1D4487
analogous
#872B1D #87601D #79871D
triadic
#87601D #1D8760 #601D87
tetradic
#87601D #1D872B #1D4487 #871D79
square
#87601D #1D872B #1D4487 #871D79
split-complementary
#87601D #1D7987 #2B1D87
monochromatic
#221807 #553C12 #87601D #B98428 #D7A247

Accessibility & contrast

On white

5.64
#87601D on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.72
#87601D on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #87601D
5.64:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##87601D#FFFFFF#000000##FFFFFF
##87601D1.005.643.725.64
#FFFFFF5.641.0021.001.00
#0000003.7221.001.0021.00
##FFFFFF5.641.0021.001.00

Color blindness preview

Protanopia (red-blind)
#6F6213
Deuteranopia (green-blind)
#786B1F
Tritanopia (blue-blind)
#935553
Achromatopsia (no color)
#676767

Design tokens & code

CSS
--color: #87601d;
/* rgb */ color: rgb(135, 96, 29);
/* oklch */ color: oklch(51.8% 0.095 76.7);
Tailwind
colors: {
  custom: {
    50: '#ae8d5e',
    500: '#87601d',
    950: '#000000',
  },
}
SCSS
$custom: #87601d;
$custom-light: #ae8d5e;
$custom-dark: #000000;
JSON
{
  "hex": "#87601d",
  "rgb": {
    "r": 135,
    "g": 96,
    "b": 29
  },
  "hsl": {
    "h": 37.925,
    "s": 64.634,
    "l": 32.157
  },
  "oklch": {
    "l": 0.51777,
    "c": 0.09537,
    "h": 76.7
  },
  "luminance": 0.13605
}

Semantic roles & 50–950 ramp

primary
#87601D
secondary
#4671B9
accent
#7EE840
background
#FBF8F5
surface
#F6F0E9
border
#D0CBC5
text
#110C05
muted
#807D79

Preview Lab

Preview with #87601D

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

Preview Lab → · Contrast checker → · Palette generator →

#87601D Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva