#CF5F91#CF5F91
#CF5F91 is a light, vivid pink. Relative luminance 0.235; OKLCH L 63.7% C 0.151 H 354.3°. Best body text is #000000 at 5.70:1 contrast (WCAG AA passes).
Color values
| HEX | #CF5F91 |
|---|---|
| RGB | rgb(207, 95, 145) |
| HSL | hsl(333, 54%, 59%) |
| HSV | hsv(333, 54%, 81%) |
| CMYK | cmyk(0%, 54.1%, 30%, 18.8%) |
| CIE-LAB | lab(55.58, 49.63, -5.97) |
| CIE-LCH | lch(55.58, 49.98, 353.14°) |
| OKLab | oklab(63.68% 0.1506 -0.0151) |
| OKLCH | oklch(63.68% 0.151 354.3) |
| XYZ | xyz(34.9366, 23.4974, 29.4781) |
| Luminance | 0.2349 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Blush
#DE5D83
ΔE00 5.57
Palevioletred
#DB7093
ΔE00 5.65
Darkish Pink
#DA467D
ΔE00 5.81
Pale Magenta
#D767AD
ΔE00 5.88
Medium Pink
#F36196
ΔE00 6.95
Muted Pink
#D1768F
ΔE00 7.07
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#CF5F91 #5FCF9D
analogous
#CF5FC9 #CF5F91 #CF655F
triadic
#CF5F91 #91CF5F #5F91CF
tetradic
#CF5F91 #C9CF5F #5FCF9D #655FCF
square
#CF5F91 #C9CF5F #5FCF9D #655FCF
split-complementary
#CF5F91 #5FCF65 #5FC9CF
monochromatic
#8A2955 #B93871 #CF5F91 #DD8EB1 #EBBDD2
Accessibility & contrast
On white
3.68
#CF5F91 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.70
#CF5F91 on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #CF5F91
5.70:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##CF5F91 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CF5F91 | 1.00 | 3.68 | 5.70 | 5.70 |
| #FFFFFF | 3.68 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.70 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.70 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#6F7993
Deuteranopia (green-blind)
#8C8D8E
Tritanopia (blue-blind)
#DD5972
Achromatopsia (no color)
#858585
Design tokens & code
CSS
--color: #cf5f91; /* rgb */ color: rgb(207, 95, 145); /* oklch */ color: oklch(63.7% 0.151 354.3);
Tailwind
colors: {
custom: {
50: '#e190b1',
500: '#cf5f91',
950: '#000000',
},
}SCSS
$custom: #cf5f91; $custom-light: #e190b1; $custom-dark: #000000;
JSON
{
"hex": "#cf5f91",
"rgb": {
"r": 207,
"g": 95,
"b": 145
},
"hsl": {
"h": 333.214,
"s": 53.846,
"l": 59.216
},
"oklch": {
"l": 0.63683,
"c": 0.15132,
"h": 354.3
},
"luminance": 0.23494
}Semantic roles & 50–950 ramp
primary
#CF5F91
secondary
#AFDBC7
accent
#DD9C4B
background
#FEF9FA
surface
#FCF1F5
border
#D5CBCF
text
#160D10
muted
#847E7F