#EFD4EF#EFD4EF

#EFD4EF is a very light, muted purple. Relative luminance 0.717; OKLCH L 90.0% C 0.047 H 326.0°. Best body text is #000000 at 15.33:1 contrast (WCAG AA passes).

Color values

HEX#EFD4EF
RGBrgb(239, 212, 239)
HSLhsl(300, 46%, 88%)
HSVhsv(300, 11%, 94%)
CMYKcmyk(0%, 11.3%, 0%, 6.3%)
CIE-LABlab(87.81, 14.00, -9.78)
CIE-LCHlch(87.81, 17.08, 325.06°)
OKLaboklab(90.03% 0.0385 -0.026)
OKLCHoklch(90.03% 0.047 326)
XYZxyz(74.7180, 71.6707, 91.5423)
Luminance0.7167 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#EFD4EF #D4EFD4
analogous
#E1D4EF #EFD4EF #EFD4E1
triadic
#EFD4EF #EFEFD4 #D4EFEF
tetradic
#EFD4EF #EFE1D4 #D4EFD4 #D4E1EF
square
#EFD4EF #EFE1D4 #D4EFD4 #D4E1EF
split-complementary
#EFD4EF #E1EFD4 #D4EFE1
monochromatic
#CE7BCE #DEA7DE #EFD4EF #F7E9F7 #F7E9F7

Accessibility & contrast

On white

1.37
#EFD4EF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.33
#EFD4EF on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EFD4EF
15.33:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##EFD4EF#FFFFFF#000000##000000
##EFD4EF1.001.3715.3315.33
#FFFFFF1.371.0021.0021.00
#00000015.3321.001.001.00
##00000015.3321.001.001.00

Color blindness preview

Protanopia (red-blind)
#D2DAF0
Deuteranopia (green-blind)
#D8DDEE
Tritanopia (blue-blind)
#F1D6DD
Achromatopsia (no color)
#DCDCDC

Design tokens & code

CSS
--color: #efd4ef;
/* rgb */ color: rgb(239, 212, 239);
/* oklch */ color: oklch(90.0% 0.047 326.0);
Tailwind
colors: {
  custom: {
    50: '#f4e1f4',
    500: '#efd4ef',
    950: '#000000',
  },
}
SCSS
$custom: #efd4ef;
$custom-light: #f4e1f4;
$custom-dark: #000000;
JSON
{
  "hex": "#efd4ef",
  "rgb": {
    "r": 239,
    "g": 212,
    "b": 239
  },
  "hsl": {
    "h": 300,
    "s": 45.763,
    "l": 88.431
  },
  "oklch": {
    "l": 0.90025,
    "c": 0.04651,
    "h": 326
  },
  "luminance": 0.7167
}

Semantic roles & 50–950 ramp

primary
#EFD4EF
secondary
#9BCC9B
accent
#B92D2D
background
#FFFEFF
surface
#FEFCFE
border
#D6D5D6
text
#171517
muted
#858485

Preview Lab

Preview with #EFD4EF

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

Preview Lab → · Contrast checker → · Palette generator →

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