#9B351D#9B351D

#9B351D is a mid, vivid red. Relative luminance 0.096; OKLCH L 47.4% C 0.141 H 34.5°. Best body text is #FFFFFF at 7.19:1 contrast (WCAG AA passes).

Color values

HEX#9B351D
RGBrgb(155, 53, 29)
HSLhsl(11, 68%, 36%)
HSVhsv(11, 81%, 61%)
CMYKcmyk(0%, 65.8%, 81.3%, 39.2%)
CIE-LABlab(37.13, 41.30, 36.91)
CIE-LCHlch(37.13, 55.39, 41.79°)
OKLaboklab(47.37% 0.1163 0.0799)
OKLCHoklch(47.37% 0.141 34.5)
XYZxyz(15.0141, 9.6057, 2.2257)
Luminance0.0960 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#9B351D #1D839B
analogous
#9B1D44 #9B351D #9B741D
triadic
#9B351D #1D9B35 #351D9B
tetradic
#9B351D #449B1D #1D839B #741D9B
square
#9B351D #449B1D #1D839B #741D9B
split-complementary
#9B351D #1D9B74 #1D449B
monochromatic
#34120A #672313 #9B351D #CF4727 #DF6E53

Accessibility & contrast

On white

7.19
#9B351D on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.92
#9B351D on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #9B351D
7.19:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##9B351D#FFFFFF#000000##FFFFFF
##9B351D1.007.192.927.19
#FFFFFF7.191.0021.001.00
#0000002.9221.001.0021.00
##FFFFFF7.191.0021.001.00

Color blindness preview

Protanopia (red-blind)
#524919
Deuteranopia (green-blind)
#6B6019
Tritanopia (blue-blind)
#AB1830
Achromatopsia (no color)
#575757

Design tokens & code

CSS
--color: #9b351d;
/* rgb */ color: rgb(155, 53, 29);
/* oklch */ color: oklch(47.4% 0.141 34.5);
Tailwind
colors: {
  custom: {
    50: '#c0715b',
    500: '#9b351d',
    950: '#000000',
  },
}
SCSS
$custom: #9b351d;
$custom-light: #c0715b;
$custom-dark: #000000;
JSON
{
  "hex": "#9b351d",
  "rgb": {
    "r": 155,
    "g": 53,
    "b": 29
  },
  "hsl": {
    "h": 11.429,
    "s": 68.478,
    "l": 36.078
  },
  "oklch": {
    "l": 0.47368,
    "c": 0.14104,
    "h": 34.5
  },
  "luminance": 0.09603
}

Semantic roles & 50–950 ramp

primary
#9B351D
secondary
#52ADC2
accent
#CAEB3C
background
#FCF7F5
surface
#F9EDE9
border
#D2C8C5
text
#140804
muted
#827B79

Preview Lab

Preview with #9B351D

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

Preview Lab → · Contrast checker → · Palette generator →

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