#E28BB8#E28BB8

#E28BB8 is a light, moderate pink. Relative luminance 0.381; OKLCH L 74.0% C 0.119 H 348.1°. Best body text is #000000 at 8.62:1 contrast (WCAG AA passes).

Color values

HEX#E28BB8
RGBrgb(226, 139, 184)
HSLhsl(329, 60%, 72%)
HSVhsv(329, 38%, 89%)
CMYKcmyk(0%, 38.5%, 18.6%, 11.4%)
CIE-LABlab(68.09, 39.13, -9.41)
CIE-LCHlch(68.09, 40.24, 346.47°)
OKLaboklab(74.03% 0.1164 -0.0246)
OKLCHoklch(74.03% 0.119 348.1)
XYZxyz(49.2491, 38.0978, 50.0977)
Luminance0.3810 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#E28BB8 #8BE2B5
analogous
#E18BE2 #E28BB8 #E28B8D
triadic
#E28BB8 #B8E28B #8BB8E2
tetradic
#E28BB8 #E2E18B #8BE2B5 #8B8DE2
square
#E28BB8 #E2E18B #8BE2B5 #8B8DE2
split-complementary
#E28BB8 #8DE28B #8BE2E1
monochromatic
#C2317C #D65A9A #E28BB8 #EEBCD6 #F9E7F0

Accessibility & contrast

On white

2.44
#E28BB8 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.62
#E28BB8 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #E28BB8
8.62:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##E28BB8#FFFFFF#000000##000000
##E28BB81.002.448.628.62
#FFFFFF2.441.0021.0021.00
#0000008.6221.001.001.00
##0000008.6221.001.001.00

Color blindness preview

Protanopia (red-blind)
#929DBA
Deuteranopia (green-blind)
#A8ABB6
Tritanopia (blue-blind)
#ED899B
Achromatopsia (no color)
#A6A6A6

Design tokens & code

CSS
--color: #e28bb8;
/* rgb */ color: rgb(226, 139, 184);
/* oklch */ color: oklch(74.0% 0.119 348.1);
Tailwind
colors: {
  custom: {
    50: '#edaecd',
    500: '#e28bb8',
    950: '#000000',
  },
}
SCSS
$custom: #e28bb8;
$custom-light: #edaecd;
$custom-dark: #000000;
JSON
{
  "hex": "#e28bb8",
  "rgb": {
    "r": 226,
    "g": 139,
    "b": 184
  },
  "hsl": {
    "h": 328.966,
    "s": 60,
    "l": 71.569
  },
  "oklch": {
    "l": 0.74032,
    "c": 0.11896,
    "h": 348.1
  },
  "luminance": 0.38095
}

Semantic roles & 50–950 ramp

primary
#E28BB8
secondary
#D9F0E4
accent
#C8701E
background
#FEFAFC
surface
#FDF4F9
border
#D5CED2
text
#161013
muted
#847F82

Preview Lab

Preview with #E28BB8

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

Preview Lab → · Contrast checker → · Palette generator →

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