#9E151F#9E151F

#9E151F is a dark, vivid red. Relative luminance 0.079; OKLCH L 45.0% C 0.169 H 24.7°. Best body text is #FFFFFF at 8.14:1 contrast (WCAG AA passes).

Color values

HEX#9E151F
RGBrgb(158, 21, 31)
HSLhsl(356, 77%, 35%)
HSVhsv(356, 87%, 62%)
CMYKcmyk(0%, 86.7%, 80.4%, 38%)
CIE-LABlab(33.79, 53.28, 32.61)
CIE-LCHlch(33.79, 62.47, 31.47°)
OKLaboklab(44.99% 0.1539 0.0708)
OKLCHoklch(44.99% 0.169 24.7)
XYZxyz(14.6179, 7.9068, 2.0526)
Luminance0.0790 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#9E151F #159E94
analogous
#9E1564 #9E151F #9E4F15
triadic
#9E151F #1F9E15 #151F9E
tetradic
#9E151F #649E15 #159E94 #4F159E
square
#9E151F #649E15 #159E94 #4F159E
split-complementary
#9E151F #159E4F #15649E
monochromatic
#32070A #680E14 #9E151F #D41C2A #E74753

Accessibility & contrast

On white

8.14
#9E151F on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.58
#9E151F on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #9E151F
8.14:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##9E151F#FFFFFF#000000##FFFFFF
##9E151F1.008.142.588.14
#FFFFFF8.141.0021.001.00
#0000002.5821.001.0021.00
##FFFFFF8.141.0021.001.00

Color blindness preview

Protanopia (red-blind)
#443D1E
Deuteranopia (green-blind)
#655A19
Tritanopia (blue-blind)
#AF001B
Achromatopsia (no color)
#4F4F4F

Design tokens & code

CSS
--color: #9e151f;
/* rgb */ color: rgb(158, 21, 31);
/* oklch */ color: oklch(45.0% 0.169 24.7);
Tailwind
colors: {
  custom: {
    50: '#c4645b',
    500: '#9e151f',
    950: '#000000',
  },
}
SCSS
$custom: #9e151f;
$custom-light: #c4645b;
$custom-dark: #000000;
JSON
{
  "hex": "#9e151f",
  "rgb": {
    "r": 158,
    "g": 21,
    "b": 31
  },
  "hsl": {
    "h": 355.62,
    "s": 76.536,
    "l": 35.098
  },
  "oklch": {
    "l": 0.4499,
    "c": 0.16938,
    "h": 24.7
  },
  "luminance": 0.07904
}

Semantic roles & 50–950 ramp

primary
#9E151F
secondary
#47C7BE
accent
#F3E535
background
#FDF6F5
surface
#FAEBE9
border
#D3C6C5
text
#150604
muted
#837A79

Preview Lab

Preview with #9E151F

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

Preview Lab → · Contrast checker → · Palette generator →

#9E151F Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva