#E57DBD#E57DBD

#E57DBD is a light, vivid pink. Relative luminance 0.350; OKLCH L 72.4% C 0.148 H 343.7°. Best body text is #000000 at 8.00:1 contrast (WCAG AA passes).

Color values

HEX#E57DBD
RGBrgb(229, 125, 189)
HSLhsl(323, 67%, 69%)
HSVhsv(323, 45%, 90%)
CMYKcmyk(0%, 45.4%, 17.5%, 10.2%)
CIE-LABlab(65.75, 48.09, -15.70)
CIE-LCHlch(65.75, 50.59, 341.92°)
OKLaboklab(72.4% 0.1425 -0.0416)
OKLCHoklch(72.4% 0.148 343.7)
XYZxyz(48.8328, 35.0028, 52.3185)
Luminance0.3500 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#E57DBD #7DE5A5
analogous
#D97DE5 #E57DBD #E57D89
triadic
#E57DBD #BDE57D #7DBDE5
tetradic
#E57DBD #E5D97D #7DE5A5 #7D89E5
square
#E57DBD #E5D97D #7DE5A5 #7D89E5
split-complementary
#E57DBD #89E57D #7DE5D9
monochromatic
#C12786 #DB4AA3 #E57DBD #EFB0D7 #F9E3F1

Accessibility & contrast

On white

2.63
#E57DBD on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.00
#E57DBD on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #E57DBD
8.00:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##E57DBD#FFFFFF#000000##000000
##E57DBD1.002.638.008.00
#FFFFFF2.631.0021.0021.00
#0000008.0021.001.001.00
##0000008.0021.001.001.00

Color blindness preview

Protanopia (red-blind)
#8495BF
Deuteranopia (green-blind)
#9FA6BA
Tritanopia (blue-blind)
#F17D95
Achromatopsia (no color)
#A0A0A0

Design tokens & code

CSS
--color: #e57dbd;
/* rgb */ color: rgb(229, 125, 189);
/* oklch */ color: oklch(72.4% 0.148 343.7);
Tailwind
colors: {
  custom: {
    50: '#efa5d1',
    500: '#e57dbd',
    950: '#000000',
  },
}
SCSS
$custom: #e57dbd;
$custom-light: #efa5d1;
$custom-dark: #000000;
JSON
{
  "hex": "#e57dbd",
  "rgb": {
    "r": 229,
    "g": 125,
    "b": 189
  },
  "hsl": {
    "h": 323.077,
    "s": 66.667,
    "l": 69.412
  },
  "oklch": {
    "l": 0.72396,
    "c": 0.14848,
    "h": 343.7
  },
  "luminance": 0.34999
}

Semantic roles & 50–950 ramp

primary
#E57DBD
secondary
#D0EEDB
accent
#CF5E17
background
#FEFAFC
surface
#FDF4F9
border
#D5CED2
text
#170F14
muted
#857F82

Preview Lab

Preview with #E57DBD

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

Preview Lab → · Contrast checker → · Palette generator →

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