#99426E#99426E

#99426E is a mid, vivid pink. Relative luminance 0.118; OKLCH L 50.7% C 0.127 H 351.0°. Best body text is #FFFFFF at 6.25:1 contrast (WCAG AA passes).

Color values

HEX	#99426E
RGB	rgb(153, 66, 110)
HSL	hsl(330, 40%, 43%)
HSV	hsv(330, 57%, 60%)
CMYK	cmyk(0%, 56.9%, 28.1%, 40%)
CIE-LAB	lab(40.89, 41.38, -7.64)
CIE-LCH	lch(40.89, 42.08, 349.55°)
OKLab	oklab(50.7% 0.1252 -0.0198)
OKLCH	oklch(50.7% 0.127 351)
XYZ	xyz(17.9002, 11.7962, 16.0830)
Luminance	0.1179 (WCAG relative)
Temperature	warm
Family	pink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#99426E #42996D

analogous

#984299 #99426E #994243

triadic

#99426E #6E9942 #426E99

tetradic

#99426E #999842 #42996D #424399

square

#99426E #999842 #42996D #424399

split-complementary

#99426E #439942 #429998

monochromatic

#431D31 #6E304F #99426E #BA5E8D #CC89AB

Accessibility & contrast

On white

6.25

#99426E on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.36

#99426E on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #99426E

6.25:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##99426E	#FFFFFF	#000000	##FFFFFF
##99426E	1.00	6.25	3.36	6.25
#FFFFFF	6.25	1.00	21.00	1.00
#000000	3.36	21.00	1.00	21.00
##FFFFFF	6.25	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#4D576F

Deuteranopia (green-blind)

#64666C

Tritanopia (blue-blind)

#A33E53

Achromatopsia (no color)

#606060

Design tokens & code

CSS

--color: #99426e;
/* rgb */ color: rgb(153, 66, 110);
/* oklch */ color: oklch(50.7% 0.127 351.0);

Tailwind

colors: {
  custom: {
    50: '#ba7a97',
    500: '#99426e',
    950: '#000000',
  },
}

SCSS

$custom: #99426e;
$custom-light: #ba7a97;
$custom-dark: #000000;

JSON

{
  "hex": "#99426e",
  "rgb": {
    "r": 153,
    "g": 66,
    "b": 110
  },
  "hsl": {
    "h": 329.655,
    "s": 39.726,
    "l": 42.941
  },
  "oklch": {
    "l": 0.50702,
    "c": 0.12679,
    "h": 351
  },
  "luminance": 0.11795
}

Semantic roles & 50–950 ramp

primary

#99426E

secondary

#80B79B

accent

#D09358

background

#FBF7F9

surface

#F7EEF2

border

#D0C9CC

text

#12090D

muted

#817B7E

Preview Lab

Preview with #99426E

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

Preview Lab → · Contrast checker → · Palette generator →