#E2B4CB#E2B4CB
#E2B4CB is a light, moderate pink. Relative luminance 0.531; OKLCH L 81.8% C 0.061 H 347.0°. Best body text is #000000 at 11.62:1 contrast (WCAG AA passes).
Color values
| HEX | #E2B4CB |
|---|---|
| RGB | rgb(226, 180, 203) |
| HSL | hsl(330, 44%, 80%) |
| HSV | hsv(330, 20%, 89%) |
| CMYK | cmyk(0%, 20.4%, 10.2%, 11.4%) |
| CIE-LAB | lab(77.95, 20.28, -5.26) |
| CIE-LCH | lch(77.95, 20.95, 345.46°) |
| OKLab | oklab(81.77% 0.0594 -0.0137) |
| OKLCH | oklch(81.77% 0.061 347) |
| XYZ | xyz(58.4642, 53.1249, 63.6628) |
| Luminance | 0.5312 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Dusty Pink
#D8A7B1
ΔE00 5.78
Baby Pink
#FFB7CE
ΔE00 5.96
Thistle
#D8BFD8
ΔE00 6.00
Pastel Pink
#FFBACD
ΔE00 6.10
Powder Pink
#FFB2D0
ΔE00 6.20
Bubblegum
#FFC1CC
ΔE00 7.07
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#E2B4CB #B4E2CB
analogous
#E2B4E2 #E2B4CB #E2B4B4
triadic
#E2B4CB #CBE2B4 #B4CBE2
tetradic
#E2B4CB #E2E2B4 #B4E2CB #B4B4E2
square
#E2B4CB #E2E2B4 #B4E2CB #B4B4E2
split-complementary
#E2B4CB #B4E2B4 #B4E2E2
monochromatic
#C05C8E #D188AC #E2B4CB #F3E0EA #F6E9F0
Accessibility & contrast
On white
1.81
#E2B4CB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.62
#E2B4CB on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #E2B4CB
11.62:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##E2B4CB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E2B4CB | 1.00 | 1.81 | 11.62 | 11.62 |
| #FFFFFF | 1.81 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.62 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.62 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#B7BCCC
Deuteranopia (green-blind)
#C1C3CA
Tritanopia (blue-blind)
#E9B3BC
Achromatopsia (no color)
#C1C1C1
Design tokens & code
CSS
--color: #e2b4cb; /* rgb */ color: rgb(226, 180, 203); /* oklch */ color: oklch(81.8% 0.061 347.0);
Tailwind
colors: {
custom: {
50: '#ebcada',
500: '#e2b4cb',
950: '#000000',
},
}SCSS
$custom: #e2b4cb; $custom-light: #ebcada; $custom-dark: #000000;
JSON
{
"hex": "#e2b4cb",
"rgb": {
"r": 226,
"g": 180,
"b": 203
},
"hsl": {
"h": 330,
"s": 44.231,
"l": 79.608
},
"oklch": {
"l": 0.81769,
"c": 0.06092,
"h": 347
},
"luminance": 0.53123
}Semantic roles & 50–950 ramp
primary
#E2B4CB
secondary
#7FBB9D
accent
#B7732E
background
#FEFDFE
surface
#FDF9FB
border
#D5D2D4
text
#161314
muted
#848283