#EF63AE#EF63AE

#EF63AE is a light, vivid pink. Relative luminance 0.303; OKLCH L 69.7% C 0.189 H 349.8°. Best body text is #000000 at 7.07:1 contrast (WCAG AA passes).

Color values

HEX#EF63AE
RGBrgb(239, 99, 174)
HSLhsl(328, 81%, 66%)
HSVhsv(328, 59%, 94%)
CMYKcmyk(0%, 58.6%, 27.2%, 6.3%)
CIE-LABlab(61.94, 61.38, -12.78)
CIE-LCHlch(61.94, 62.70, 348.24°)
OKLaboklab(69.67% 0.1859 -0.0333)
OKLCHoklch(69.67% 0.189 349.8)
XYZxyz(47.7003, 30.3350, 43.3793)
Luminance0.3033 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#EF63AE #63EFA4
analogous
#EA63EF #EF63AE #EF6368
triadic
#EF63AE #AEEF63 #63AEEF
tetradic
#EF63AE #EFEA63 #63EFA4 #6368EF
square
#EF63AE #EFEA63 #63EFA4 #6368EF
split-complementary
#EF63AE #68EF63 #63EFEA
monochromatic
#C41472 #E92B91 #EF63AE #F59BCB #FAD2E8

Accessibility & contrast

On white

2.97
#EF63AE on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.07
#EF63AE on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EF63AE
7.07:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##EF63AE#FFFFFF#000000##000000
##EF63AE1.002.977.077.07
#FFFFFF2.971.0021.0021.00
#0000007.0721.001.001.00
##0000007.0721.001.001.00

Color blindness preview

Protanopia (red-blind)
#7486B0
Deuteranopia (green-blind)
#9B9FAB
Tritanopia (blue-blind)
#FF5E81
Achromatopsia (no color)
#969696

Design tokens & code

CSS
--color: #ef63ae;
/* rgb */ color: rgb(239, 99, 174);
/* oklch */ color: oklch(69.7% 0.189 349.8);
Tailwind
colors: {
  custom: {
    50: '#f896c6',
    500: '#ef63ae',
    950: '#000000',
  },
}
SCSS
$custom: #ef63ae;
$custom-light: #f896c6;
$custom-dark: #000000;
JSON
{
  "hex": "#ef63ae",
  "rgb": {
    "r": 239,
    "g": 99,
    "b": 174
  },
  "hsl": {
    "h": 327.857,
    "s": 81.395,
    "l": 66.275
  },
  "oklch": {
    "l": 0.69668,
    "c": 0.18888,
    "h": 349.8
  },
  "luminance": 0.3033
}

Semantic roles & 50–950 ramp

primary
#EF63AE
secondary
#C0EED5
accent
#DE6B08
background
#FFF9FC
surface
#FFF2F8
border
#D7CCD1
text
#180E13
muted
#867E82

Preview Lab

Preview with #EF63AE

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

Preview Lab → · Contrast checker → · Palette generator →

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