#9D4071#9D4071

#9D4071 is a mid, vivid pink. Relative luminance 0.120; OKLCH L 51.1% C 0.135 H 350.2°. Best body text is #FFFFFF at 6.17:1 contrast (WCAG AA passes).

Color values

HEX	#9D4071
RGB	rgb(157, 64, 113)
HSL	hsl(328, 42%, 43%)
HSV	hsv(328, 59%, 62%)
CMYK	cmyk(0%, 59.2%, 28%, 38.4%)
CIE-LAB	lab(41.26, 44.09, -8.87)
CIE-LCH	lch(41.26, 44.97, 348.62°)
OKLab	oklab(51.14% 0.1335 -0.0231)
OKLCH	oklch(51.14% 0.135 350.2)
XYZ	xyz(18.7194, 12.0289, 16.9555)
Luminance	0.1203 (WCAG relative)
Temperature	warm
Family	pink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#9D4071 #409D6C

analogous

#9A409D #9D4071 #9D4043

triadic

#9D4071 #719D40 #40719D

tetradic

#9D4071 #9D9A40 #409D6C #40439D

square

#9D4071 #9D9A40 #409D6C #40439D

split-complementary

#9D4071 #439D40 #409D9A

monochromatic

#461D32 #722E52 #9D4071 #BD5D90 #CF89AE

Accessibility & contrast

On white

6.17

#9D4071 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.41

#9D4071 on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #9D4071

6.17:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##9D4071	#FFFFFF	#000000	##FFFFFF
##9D4071	1.00	6.17	3.41	6.17
#FFFFFF	6.17	1.00	21.00	1.00
#000000	3.41	21.00	1.00	21.00
##FFFFFF	6.17	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#4C5773

Deuteranopia (green-blind)

#65676F

Tritanopia (blue-blind)

#A83C53

Achromatopsia (no color)

#616161

Design tokens & code

CSS

--color: #9d4071;
/* rgb */ color: rgb(157, 64, 113);
/* oklch */ color: oklch(51.1% 0.135 350.2);

Tailwind

colors: {
  custom: {
    50: '#bd7999',
    500: '#9d4071',
    950: '#000000',
  },
}

SCSS

$custom: #9d4071;
$custom-light: #bd7999;
$custom-dark: #000000;

JSON

{
  "hex": "#9d4071",
  "rgb": {
    "r": 157,
    "g": 64,
    "b": 113
  },
  "hsl": {
    "h": 328.387,
    "s": 42.081,
    "l": 43.333
  },
  "oklch": {
    "l": 0.51139,
    "c": 0.13549,
    "h": 350.2
  },
  "luminance": 0.12027
}

Semantic roles & 50–950 ramp

primary

#9D4071

secondary

#7FB99B

accent

#D29156

background

#FCF7F9

surface

#F8EEF2

border

#D1C9CC

text

#12090E

muted

#817B7E

Preview Lab

Preview with #9D4071

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

Preview Lab → · Contrast checker → · Palette generator →