#E37FBD#E37FBD

#E37FBD is a light, vivid pink. Relative luminance 0.352; OKLCH L 72.5% C 0.143 H 343.3°. Best body text is #000000 at 8.04:1 contrast (WCAG AA passes).

Color values

HEX#E37FBD
RGBrgb(227, 127, 189)
HSLhsl(323, 64%, 69%)
HSVhsv(323, 44%, 89%)
CMYKcmyk(0%, 44.1%, 16.7%, 11%)
CIE-LABlab(65.89, 46.43, -15.51)
CIE-LCHlch(65.89, 48.95, 341.53°)
OKLaboklab(72.45% 0.1374 -0.0411)
OKLCHoklch(72.45% 0.143 343.3)
XYZxyz(48.4539, 35.1871, 52.3740)
Luminance0.3518 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#E37FBD #7FE3A5
analogous
#D77FE3 #E37FBD #E37F8B
triadic
#E37FBD #BDE37F #7FBDE3
tetradic
#E37FBD #E3D77F #7FE3A5 #7F8BE3
square
#E37FBD #E3D77F #7FE3A5 #7F8BE3
split-complementary
#E37FBD #8BE37F #7FE3D7
monochromatic
#BE2A86 #D84DA3 #E37FBD #EEB1D7 #F9E3F1

Accessibility & contrast

On white

2.61
#E37FBD on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.04
#E37FBD on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #E37FBD
8.04:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##E37FBD#FFFFFF#000000##000000
##E37FBD1.002.618.048.04
#FFFFFF2.611.0021.0021.00
#0000008.0421.001.001.00
##0000008.0421.001.001.00

Color blindness preview

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

Design tokens & code

CSS
--color: #e37fbd;
/* rgb */ color: rgb(227, 127, 189);
/* oklch */ color: oklch(72.5% 0.143 343.3);
Tailwind
colors: {
  custom: {
    50: '#eea6d1',
    500: '#e37fbd',
    950: '#000000',
  },
}
SCSS
$custom: #e37fbd;
$custom-light: #eea6d1;
$custom-dark: #000000;
JSON
{
  "hex": "#e37fbd",
  "rgb": {
    "r": 227,
    "g": 127,
    "b": 189
  },
  "hsl": {
    "h": 322.8,
    "s": 64.103,
    "l": 69.412
  },
  "oklch": {
    "l": 0.7245,
    "c": 0.14338,
    "h": 343.3
  },
  "luminance": 0.35184
}

Semantic roles & 50–950 ramp

primary
#E37FBD
secondary
#D0EDDB
accent
#CC5D1A
background
#FEFAFC
surface
#FDF4F9
border
#D5CED2
text
#171014
muted
#857F82

Preview Lab

Preview with #E37FBD

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

Preview Lab → · Contrast checker → · Palette generator →

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