#87221B#87221B

#87221B is a dark, vivid red. Relative luminance 0.064; OKLCH L 41.6% C 0.137 H 28.5°. Best body text is #FFFFFF at 9.23:1 contrast (WCAG AA passes).

Color values

HEX#87221B
RGBrgb(135, 34, 27)
HSLhsl(4, 67%, 32%)
HSVhsv(4, 80%, 53%)
CMYKcmyk(0%, 74.8%, 80%, 47.1%)
CIE-LABlab(30.34, 42.15, 29.91)
CIE-LCHlch(30.34, 51.68, 35.35°)
OKLaboklab(41.57% 0.1207 0.0656)
OKLCHoklch(41.57% 0.137 28.5)
XYZxyz(10.7628, 6.3757, 1.7006)
Luminance0.0637 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#87221B #1B8087
analogous
#871B4A #87221B #87581B
triadic
#87221B #1B8722 #221B87
tetradic
#87221B #4A871B #1B8087 #581B87
square
#87221B #4A871B #1B8087 #581B87
split-complementary
#87221B #1B8758 #1B4A87
monochromatic
#210807 #541511 #87221B #BA2F25 #D94D43

Accessibility & contrast

On white

9.23
#87221B on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.27
#87221B on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #87221B
9.23:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##87221B#FFFFFF#000000##FFFFFF
##87221B1.009.232.279.23
#FFFFFF9.231.0021.001.00
#0000002.2721.001.0021.00
##FFFFFF9.231.0021.001.00

Color blindness preview

Protanopia (red-blind)
#403919
Deuteranopia (green-blind)
#594F17
Tritanopia (blue-blind)
#950021
Achromatopsia (no color)
#474747

Design tokens & code

CSS
--color: #87221b;
/* rgb */ color: rgb(135, 34, 27);
/* oklch */ color: oklch(41.6% 0.137 28.5);
Tailwind
colors: {
  custom: {
    50: '#b26558',
    500: '#87221b',
    950: '#000000',
  },
}
SCSS
$custom: #87221b;
$custom-light: #b26558;
$custom-dark: #000000;
JSON
{
  "hex": "#87221b",
  "rgb": {
    "r": 135,
    "g": 34,
    "b": 27
  },
  "hsl": {
    "h": 3.889,
    "s": 66.667,
    "l": 31.765
  },
  "oklch": {
    "l": 0.41569,
    "c": 0.13742,
    "h": 28.5
  },
  "luminance": 0.06374
}

Semantic roles & 50–950 ramp

primary
#87221B
secondary
#44B2BA
accent
#DEEA3E
background
#FBF6F5
surface
#F7EBE9
border
#D0C6C5
text
#120603
muted
#817A78

Preview Lab

Preview with #87221B

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

Preview Lab → · Contrast checker → · Palette generator →

#87221B Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva