#8D3E59#8D3E59

#8D3E59 is a mid, moderate pink. Relative luminance 0.098; OKLCH L 47.6% C 0.111 H 0.7°. Best body text is #FFFFFF at 7.08:1 contrast (WCAG AA passes).

Color values

HEX#8D3E59
RGBrgb(141, 62, 89)
HSLhsl(339, 39%, 40%)
HSVhsv(339, 56%, 55%)
CMYKcmyk(0%, 56%, 36.9%, 44.7%)
CIE-LABlab(37.54, 36.47, 0.35)
CIE-LCHlch(37.54, 36.47, 0.55°)
OKLaboklab(47.59% 0.111 0.0014)
OKLCHoklch(47.59% 0.111 0.7)
XYZxyz(14.5111, 9.8307, 10.5826)
Luminance0.0983 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#8D3E59 #3E8D72
analogous
#8D3E80 #8D3E59 #8D4B3E
triadic
#8D3E59 #598D3E #3E598D
tetradic
#8D3E59 #808D3E #3E8D72 #4B3E8D
square
#8D3E59 #808D3E #3E8D72 #4B3E8D
split-complementary
#8D3E59 #3E8D4B #3E808D
monochromatic
#381923 #622B3E #8D3E59 #B45475 #C77F97

Accessibility & contrast

On white

7.08
#8D3E59 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.97
#8D3E59 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #8D3E59
7.08:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##8D3E59#FFFFFF#000000##FFFFFF
##8D3E591.007.082.977.08
#FFFFFF7.081.0021.001.00
#0000002.9721.001.0021.00
##FFFFFF7.081.0021.001.00

Color blindness preview

Protanopia (red-blind)
#4B4F5A
Deuteranopia (green-blind)
#605E57
Tritanopia (blue-blind)
#983748
Achromatopsia (no color)
#585858

Design tokens & code

CSS
--color: #8d3e59;
/* rgb */ color: rgb(141, 62, 89);
/* oklch */ color: oklch(47.6% 0.111 0.7);
Tailwind
colors: {
  custom: {
    50: '#b17687',
    500: '#8d3e59',
    950: '#000000',
  },
}
SCSS
$custom: #8d3e59;
$custom-light: #b17687;
$custom-dark: #000000;
JSON
{
  "hex": "#8d3e59",
  "rgb": {
    "r": 141,
    "g": 62,
    "b": 89
  },
  "hsl": {
    "h": 339.494,
    "s": 38.916,
    "l": 39.804
  },
  "oklch": {
    "l": 0.47591,
    "c": 0.11103,
    "h": 0.7
  },
  "luminance": 0.09829
}

Semantic roles & 50–950 ramp

primary
#8D3E59
secondary
#76B19D
accent
#CFA759
background
#FBF7F8
surface
#F6EDEF
border
#D0C8CA
text
#11090B
muted
#807B7C

Preview Lab

Preview with #8D3E59

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

Preview Lab → · Contrast checker → · Palette generator →

#8D3E59 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva