#856771#856771

#856771 is a mid, muted pink. Relative luminance 0.159; OKLCH L 54.7% C 0.041 H 356.7°. Best body text is #FFFFFF at 5.03:1 contrast (WCAG AA passes).

Color values

HEX#856771
RGBrgb(133, 103, 113)
HSLhsl(340, 13%, 46%)
HSVhsv(340, 23%, 52%)
CMYKcmyk(0%, 22.6%, 15%, 47.8%)
CIE-LABlab(46.82, 13.71, -0.98)
CIE-LCHlch(46.82, 13.74, 355.92°)
OKLaboklab(54.68% 0.0408 -0.0024)
OKLCHoklch(54.68% 0.041 356.7)
XYZxyz(17.5037, 15.8799, 17.7627)
Luminance0.1588 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#856771 #67857B
analogous
#856780 #856771 #856C67
triadic
#856771 #718567 #677185
tetradic
#856771 #808567 #67857B #6C6785
square
#856771 #808567 #67857B #6C6785
split-complementary
#856771 #67856C #678085
monochromatic
#403236 #634C54 #856771 #A28790 #BDAAB0

Accessibility & contrast

On white

5.03
#856771 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.18
#856771 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #856771
5.03:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##856771#FFFFFF#000000##FFFFFF
##8567711.005.034.185.03
#FFFFFF5.031.0021.001.00
#0000004.1821.001.0021.00
##FFFFFF5.031.0021.001.00

Color blindness preview

Protanopia (red-blind)
#6A6C71
Deuteranopia (green-blind)
#717170
Tritanopia (blue-blind)
#8A666A
Achromatopsia (no color)
#6F6F6F

Design tokens & code

CSS
--color: #856771;
/* rgb */ color: rgb(133, 103, 113);
/* oklch */ color: oklch(54.7% 0.041 356.7);
Tailwind
colors: {
  custom: {
    50: '#a99299',
    500: '#856771',
    950: '#000000',
  },
}
SCSS
$custom: #856771;
$custom-light: #a99299;
$custom-dark: #000000;
JSON
{
  "hex": "#856771",
  "rgb": {
    "r": 133,
    "g": 103,
    "b": 113
  },
  "hsl": {
    "h": 340,
    "s": 12.712,
    "l": 46.275
  },
  "oklch": {
    "l": 0.54677,
    "c": 0.04091,
    "h": 356.7
  },
  "luminance": 0.15879
}

Semantic roles & 50–950 ramp

primary
#856771
secondary
#9CACA7
accent
#B69F72
background
#FAF9F9
surface
#F4F1F2
border
#CECBCC
text
#100D0E
muted
#7F7E7E

Preview Lab

Preview with #856771

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

Preview Lab → · Contrast checker → · Palette generator →

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