#853724#853724

#853724 is a dark, moderate red. Relative luminance 0.078; OKLCH L 44.0% C 0.112 H 34.9°. Best body text is #FFFFFF at 8.17:1 contrast (WCAG AA passes).

Color values

HEX#853724
RGBrgb(133, 55, 36)
HSLhsl(12, 57%, 33%)
HSVhsv(12, 73%, 52%)
CMYKcmyk(0%, 58.6%, 72.9%, 47.8%)
CIE-LABlab(33.66, 32.21, 28.14)
CIE-LCHlch(33.66, 42.77, 41.14°)
OKLaboklab(44.03% 0.0919 0.0642)
OKLCHoklch(44.03% 0.112 34.9)
XYZxyz(11.3586, 7.8478, 2.5854)
Luminance0.0785 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#853724 #247285
analogous
#852441 #853724 #856724
triadic
#853724 #248537 #372485
tetradic
#853724 #418524 #247285 #672485
square
#853724 #418524 #247285 #672485
split-complementary
#853724 #248567 #244185
monochromatic
#250F0A #552317 #853724 #B54B31 #D06C53

Accessibility & contrast

On white

8.17
#853724 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.57
#853724 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #853724
8.17:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##853724#FFFFFF#000000##FFFFFF
##8537241.008.172.578.17
#FFFFFF8.171.0021.001.00
#0000002.5721.001.0021.00
##FFFFFF8.171.0021.001.00

Color blindness preview

Protanopia (red-blind)
#4C4422
Deuteranopia (green-blind)
#5F5622
Tritanopia (blue-blind)
#922633
Achromatopsia (no color)
#4F4F4F

Design tokens & code

CSS
--color: #853724;
/* rgb */ color: rgb(133, 55, 36);
/* oklch */ color: oklch(44.0% 0.112 34.9);
Tailwind
colors: {
  custom: {
    50: '#ae705f',
    500: '#853724',
    950: '#000000',
  },
}
SCSS
$custom: #853724;
$custom-light: #ae705f;
$custom-dark: #000000;
JSON
{
  "hex": "#853724",
  "rgb": {
    "r": 133,
    "g": 55,
    "b": 36
  },
  "hsl": {
    "h": 11.753,
    "s": 57.396,
    "l": 33.137
  },
  "oklch": {
    "l": 0.44034,
    "c": 0.11208,
    "h": 34.9
  },
  "luminance": 0.07846
}

Semantic roles & 50–950 ramp

primary
#853724
secondary
#50A1B4
accent
#C3E147
background
#FBF6F5
surface
#F6ECE9
border
#D0C7C5
text
#110804
muted
#807B79

Preview Lab

Preview with #853724

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

Preview Lab → · Contrast checker → · Palette generator →

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