#85544C#85544C

#85544C is a mid, moderate red. Relative luminance 0.118; OKLCH L 49.9% C 0.067 H 29.8°. Best body text is #FFFFFF at 6.23:1 contrast (WCAG AA passes).

Color values

HEX#85544C
RGBrgb(133, 84, 76)
HSLhsl(8, 27%, 41%)
HSVhsv(8, 43%, 52%)
CMYKcmyk(0%, 36.8%, 42.9%, 47.8%)
CIE-LABlab(40.98, 19.40, 13.17)
CIE-LCHlch(40.98, 23.45, 34.17°)
OKLaboklab(49.85% 0.0584 0.0334)
OKLCHoklch(49.85% 0.067 29.8)
XYZxyz(14.1484, 11.8501, 8.3782)
Luminance0.1185 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#85544C #4C7D85
analogous
#854C60 #85544C #85704C
triadic
#85544C #4C8554 #544C85
tetradic
#85544C #60854C #4C7D85 #704C85
square
#85544C #60854C #4C7D85 #704C85
split-complementary
#85544C #4C8570 #4C6085
monochromatic
#37231F #5E3B36 #85544C #A87066 #BE948D

Accessibility & contrast

On white

6.23
#85544C on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.37
#85544C on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #85544C
6.23:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##85544C#FFFFFF#000000##FFFFFF
##85544C1.006.233.376.23
#FFFFFF6.231.0021.001.00
#0000003.3721.001.0021.00
##FFFFFF6.231.0021.001.00

Color blindness preview

Protanopia (red-blind)
#5F5B4B
Deuteranopia (green-blind)
#6B644B
Tritanopia (blue-blind)
#8F4D52
Achromatopsia (no color)
#616161

Design tokens & code

CSS
--color: #85544c;
/* rgb */ color: rgb(133, 84, 76);
/* oklch */ color: oklch(49.9% 0.067 29.8);
Tailwind
colors: {
  custom: {
    50: '#aa847e',
    500: '#85544c',
    950: '#000000',
  },
}
SCSS
$custom: #85544c;
$custom-light: #aa847e;
$custom-dark: #000000;
JSON
{
  "hex": "#85544c",
  "rgb": {
    "r": 133,
    "g": 84,
    "b": 76
  },
  "hsl": {
    "h": 8.421,
    "s": 27.273,
    "l": 40.98
  },
  "oklch": {
    "l": 0.49853,
    "c": 0.06732,
    "h": 29.8
  },
  "luminance": 0.11849
}

Semantic roles & 50–950 ramp

primary
#85544C
secondary
#82A5AA
accent
#B6C464
background
#FAF8F7
surface
#F4EFEE
border
#CECAC9
text
#100B09
muted
#7F7C7B

Preview Lab

Preview with #85544C

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

Preview Lab → · Contrast checker → · Palette generator →

#85544C Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva