#ED84F8#ED84F8

#ED84F8 is a light, vivid purple. Relative luminance 0.413; OKLCH L 76.8% C 0.192 H 323.7°. Best body text is #000000 at 9.26:1 contrast (WCAG AA passes).

Color values

HEX#ED84F8
RGBrgb(237, 132, 248)
HSLhsl(294, 89%, 75%)
HSVhsv(294, 47%, 97%)
CMYKcmyk(4.4%, 46.8%, 0%, 2.7%)
CIE-LABlab(70.38, 56.89, -41.24)
CIE-LCHlch(70.38, 70.26, 324.06°)
OKLaboklab(76.81% 0.1543 -0.1135)
OKLCHoklch(76.81% 0.192 323.7)
XYZxyz(60.1180, 41.2871, 93.5913)
Luminance0.4128 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#ED84F8 #8FF884
analogous
#B384F8 #ED84F8 #F884C9
triadic
#ED84F8 #F8ED84 #84F8ED
tetradic
#ED84F8 #F8B384 #8FF884 #84C9F8
square
#ED84F8 #F8B384 #8FF884 #84C9F8
split-complementary
#ED84F8 #C9F884 #84F8B3
monochromatic
#DC10F1 #E54AF5 #ED84F8 #F5BEFB #FBE2FD

Accessibility & contrast

On white

2.27
#ED84F8 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.26
#ED84F8 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #ED84F8
9.26:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##ED84F8#FFFFFF#000000##000000
##ED84F81.002.279.269.26
#FFFFFF2.271.0021.0021.00
#0000009.2621.001.001.00
##0000009.2621.001.001.00

Color blindness preview

Protanopia (red-blind)
#76A4FC
Deuteranopia (green-blind)
#94B0F5
Tritanopia (blue-blind)
#F192B3
Achromatopsia (no color)
#ACACAC

Design tokens & code

CSS
--color: #ed84f8;
/* rgb */ color: rgb(237, 132, 248);
/* oklch */ color: oklch(76.8% 0.192 323.7);
Tailwind
colors: {
  custom: {
    50: '#f5abfb',
    500: '#ed84f8',
    950: '#000000',
  },
}
SCSS
$custom: #ed84f8;
$custom-light: #f5abfb;
$custom-dark: #000000;
JSON
{
  "hex": "#ed84f8",
  "rgb": {
    "r": 237,
    "g": 132,
    "b": 248
  },
  "hsl": {
    "h": 294.31,
    "s": 89.231,
    "l": 74.51
  },
  "oklch": {
    "l": 0.76809,
    "c": 0.19153,
    "h": 323.7
  },
  "luminance": 0.41284
}

Semantic roles & 50–950 ramp

primary
#ED84F8
secondary
#D9F5D6
accent
#E60016
background
#FFFAFF
surface
#FFF4FF
border
#D7CED7
text
#171017
muted
#857F85

Preview Lab

Preview with #ED84F8

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

Preview Lab → · Contrast checker → · Palette generator →

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