#893535#893535

#893535 is a dark, moderate red. Relative luminance 0.081; OKLCH L 44.7% C 0.115 H 23.0°. Best body text is #FFFFFF at 8.00:1 contrast (WCAG AA passes).

Color values

HEX#893535
RGBrgb(137, 53, 53)
HSLhsl(0, 44%, 37%)
HSVhsv(0, 61%, 54%)
CMYKcmyk(0%, 61.3%, 61.3%, 46.3%)
CIE-LABlab(34.24, 35.90, 18.56)
CIE-LCHlch(34.24, 40.42, 27.33°)
OKLaboklab(44.69% 0.1063 0.045)
OKLCHoklch(44.69% 0.115 23)
XYZxyz(12.2333, 8.1232, 4.2912)
Luminance0.0812 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#893535 #358989
analogous
#89355F #893535 #895F35
triadic
#893535 #358935 #353589
tetradic
#893535 #5F8935 #358989 #5F3589
square
#893535 #5F8935 #358989 #5F3589
split-complementary
#893535 #35895F #355F89
monochromatic
#311313 #5D2424 #893535 #B54646 #C87171

Accessibility & contrast

On white

8.00
#893535 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.62
#893535 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #893535
8.00:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##893535#FFFFFF#000000##FFFFFF
##8935351.008.002.628.00
#FFFFFF8.001.0021.001.00
#0000002.6221.001.0021.00
##FFFFFF8.001.0021.001.00

Color blindness preview

Protanopia (red-blind)
#4A4534
Deuteranopia (green-blind)
#5F5733
Tritanopia (blue-blind)
#962536
Achromatopsia (no color)
#505050

Design tokens & code

CSS
--color: #893535;
/* rgb */ color: rgb(137, 53, 53);
/* oklch */ color: oklch(44.7% 0.115 23.0);
Tailwind
colors: {
  custom: {
    50: '#b1706c',
    500: '#893535',
    950: '#000000',
  },
}
SCSS
$custom: #893535;
$custom-light: #b1706c;
$custom-dark: #000000;
JSON
{
  "hex": "#893535",
  "rgb": {
    "r": 137,
    "g": 53,
    "b": 53
  },
  "hsl": {
    "h": 0,
    "s": 44.211,
    "l": 37.255
  },
  "oklch": {
    "l": 0.44689,
    "c": 0.11543,
    "h": 23
  },
  "luminance": 0.08122
}

Semantic roles & 50–950 ramp

primary
#893535
secondary
#6AB0B0
accent
#D4D454
background
#FBF6F6
surface
#F6ECEB
border
#D0C7C6
text
#110807
muted
#807B7A

Preview Lab

Preview with #893535

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

Preview Lab → · Contrast checker → · Palette generator →

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