#E28DCB#E28DCB

#E28DCB is a light, vivid pink. Relative luminance 0.395; OKLCH L 75.0% C 0.129 H 337.5°. Best body text is #000000 at 8.91:1 contrast (WCAG AA passes).

Color values

HEX#E28DCB
RGBrgb(226, 141, 203)
HSLhsl(316, 59%, 72%)
HSVhsv(316, 38%, 89%)
CMYKcmyk(0%, 37.6%, 10.2%, 11.4%)
CIE-LABlab(69.14, 41.10, -18.45)
CIE-LCHlch(69.14, 45.05, 335.83°)
OKLaboklab(75.03% 0.1191 -0.0493)
OKLCHoklch(75.03% 0.129 337.5)
XYZxyz(51.6683, 39.5331, 61.3975)
Luminance0.3953 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#E28DCB #8DE2A4
analogous
#CF8DE2 #E28DCB #E28DA1
triadic
#E28DCB #CBE28D #8DCBE2
tetradic
#E28DCB #E2CF8D #8DE2A4 #8DA1E2
square
#E28DCB #E2CF8D #8DE2A4 #8DA1E2
split-complementary
#E28DCB #A1E28D #8DE2CF
monochromatic
#C3329C #D65CB5 #E28DCB #EEBEE1 #F9E7F4

Accessibility & contrast

On white

2.36
#E28DCB on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.91
#E28DCB on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #E28DCB
8.91:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##E28DCB#FFFFFF#000000##000000
##E28DCB1.002.368.918.91
#FFFFFF2.361.0021.0021.00
#0000008.9121.001.001.00
##0000008.9121.001.001.00

Color blindness preview

Protanopia (red-blind)
#8FA1CD
Deuteranopia (green-blind)
#A4ADC9
Tritanopia (blue-blind)
#EB8FA4
Achromatopsia (no color)
#A9A9A9

Design tokens & code

CSS
--color: #e28dcb;
/* rgb */ color: rgb(226, 141, 203);
/* oklch */ color: oklch(75.0% 0.129 337.5);
Tailwind
colors: {
  custom: {
    50: '#ecb0db',
    500: '#e28dcb',
    950: '#000000',
  },
}
SCSS
$custom: #e28dcb;
$custom-light: #ecb0db;
$custom-dark: #000000;
JSON
{
  "hex": "#e28dcb",
  "rgb": {
    "r": 226,
    "g": 141,
    "b": 203
  },
  "hsl": {
    "h": 316.235,
    "s": 59.441,
    "l": 71.961
  },
  "oklch": {
    "l": 0.75026,
    "c": 0.1289,
    "h": 337.5
  },
  "luminance": 0.3953
}

Semantic roles & 50–950 ramp

primary
#E28DCB
secondary
#DBF0E1
accent
#C74C1E
background
#FEFAFD
surface
#FDF5FA
border
#D5CFD3
text
#161015
muted
#847F83

Preview Lab

Preview with #E28DCB

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

Preview Lab → · Contrast checker → · Palette generator →

#E28DCB Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva