#873532#873532

#873532 is a dark, moderate red. Relative luminance 0.079; OKLCH L 44.3% C 0.113 H 24.9°. Best body text is #FFFFFF at 8.12:1 contrast (WCAG AA passes).

Color values

HEX#873532
RGBrgb(135, 53, 50)
HSLhsl(2, 46%, 36%)
HSVhsv(2, 63%, 53%)
CMYKcmyk(0%, 60.7%, 63%, 47.1%)
CIE-LABlab(33.83, 34.92, 19.86)
CIE-LCHlch(33.83, 40.17, 29.63°)
OKLaboklab(44.3% 0.1029 0.0478)
OKLCHoklch(44.3% 0.113 24.9)
XYZxyz(11.8416, 7.9289, 3.9239)
Luminance0.0793 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#873532 #328487
analogous
#87325A #873532 #876032
triadic
#873532 #328735 #353287
tetradic
#873532 #5A8732 #328487 #603287
square
#873532 #5A8732 #328487 #603287
split-complementary
#873532 #328760 #325A87
monochromatic
#2E1211 #5A2321 #873532 #B44743 #C86E6B

Accessibility & contrast

On white

8.12
#873532 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.59
#873532 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #873532
8.12:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##873532#FFFFFF#000000##FFFFFF
##8735321.008.122.598.12
#FFFFFF8.121.0021.001.00
#0000002.5921.001.0021.00
##FFFFFF8.121.0021.001.00

Color blindness preview

Protanopia (red-blind)
#4A4531
Deuteranopia (green-blind)
#5E5630
Tritanopia (blue-blind)
#942535
Achromatopsia (no color)
#505050

Design tokens & code

CSS
--color: #873532;
/* rgb */ color: rgb(135, 53, 50);
/* oklch */ color: oklch(44.3% 0.113 24.9);
Tailwind
colors: {
  custom: {
    50: '#af706a',
    500: '#873532',
    950: '#000000',
  },
}
SCSS
$custom: #873532;
$custom-light: #af706a;
$custom-dark: #000000;
JSON
{
  "hex": "#873532",
  "rgb": {
    "r": 135,
    "g": 53,
    "b": 50
  },
  "hsl": {
    "h": 2.118,
    "s": 45.946,
    "l": 36.275
  },
  "oklch": {
    "l": 0.44299,
    "c": 0.11342,
    "h": 24.9
  },
  "luminance": 0.07927
}

Semantic roles & 50–950 ramp

primary
#873532
secondary
#65ADB0
accent
#D1D652
background
#FBF6F6
surface
#F6ECEB
border
#D0C7C6
text
#110806
muted
#807B7A

Preview Lab

Preview with #873532

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

Preview Lab → · Contrast checker → · Palette generator →

#873532 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva