#973855#973855

#973855 is a mid, vivid pink. Relative luminance 0.101; OKLCH L 48.2% C 0.130 H 4.4°. Best body text is #FFFFFF at 6.97:1 contrast (WCAG AA passes).

Color values

HEX	#973855
RGB	rgb(151, 56, 85)
HSL	hsl(342, 46%, 41%)
HSV	hsv(342, 63%, 59%)
CMYK	cmyk(0%, 62.9%, 43.7%, 40.8%)
CIE-LAB	lab(37.96, 42.44, 3.70)
CIE-LCH	lch(37.96, 42.60, 4.99°)
OKLab	oklab(48.19% 0.1294 0.01)
OKLCH	oklch(48.19% 0.13 4.4)
XYZ	xyz(15.8174, 10.0654, 9.7024)
Luminance	0.1006 (WCAG relative)
Temperature	warm
Family	pink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#973855 #38977A

analogous

#973884 #973855 #974A38

triadic

#973855 #559738 #385597

tetradic

#973855 #849738 #38977A #4A3897

square

#973855 #849738 #38977A #4A3897

split-complementary

#973855 #38974A #388497

monochromatic

#3E1723 #6A273C #973855 #BE4F70 #CE7B95

Accessibility & contrast

On white

6.97

#973855 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.01

#973855 on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #973855

6.97:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##973855	#FFFFFF	#000000	##FFFFFF
##973855	1.00	6.97	3.01	6.97
#FFFFFF	6.97	1.00	21.00	1.00
#000000	3.01	21.00	1.00	21.00
##FFFFFF	6.97	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#4B4E56

Deuteranopia (green-blind)

#646053

Tritanopia (blue-blind)

#A42D43

Achromatopsia (no color)

#595959

Design tokens & code

CSS

--color: #973855;
/* rgb */ color: rgb(151, 56, 85);
/* oklch */ color: oklch(48.2% 0.130 4.4);

Tailwind

colors: {
  custom: {
    50: '#ba7484',
    500: '#973855',
    950: '#000000',
  },
}

SCSS

$custom: #973855;
$custom-light: #ba7484;
$custom-dark: #000000;

JSON

{
  "hex": "#973855",
  "rgb": {
    "r": 151,
    "g": 56,
    "b": 85
  },
  "hsl": {
    "h": 341.684,
    "s": 45.894,
    "l": 40.588
  },
  "oklch": {
    "l": 0.48192,
    "c": 0.12981,
    "h": 4.4
  },
  "luminance": 0.10064
}

Semantic roles & 50–950 ramp

primary

#973855

secondary

#73B7A3

accent

#D6AD52

background

#FBF7F8

surface

#F7EDEF

border

#D0C8CA

text

#12080B

muted

#817B7C

Preview Lab

Preview with #973855

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

Preview Lab → · Contrast checker → · Palette generator →