#ED97FB#ED97FB

#ED97FB is a light, vivid purple. Relative luminance 0.471; OKLCH L 79.7% C 0.163 H 321.8°. Best body text is #000000 at 10.42:1 contrast (WCAG AA passes).

Color values

HEX	#ED97FB
RGB	rgb(237, 151, 251)
HSL	hsl(292, 93%, 79%)
HSV	hsv(292, 40%, 98%)
CMYK	cmyk(5.6%, 39.8%, 0%, 1.6%)
CIE-LAB	lab(74.26, 47.84, -36.83)
CIE-LCH	lch(74.26, 60.37, 322.41°)
OKLab	oklab(79.75% 0.1284 -0.101)
OKLCH	oklch(79.75% 0.163 321.8)
XYZ	xyz(63.4023, 47.1051, 97.0005)
Luminance	0.4710 (WCAG relative)
Temperature	neutral
Family	purple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#ED97FB #A5FB97

analogous

#BB97FB #ED97FB #FB97D7

triadic

#ED97FB #FBED97 #97FBED

tetradic

#ED97FB #FBBB97 #A5FB97 #97D7FB

square

#ED97FB #FBBB97 #A5FB97 #97D7FB

split-complementary

#ED97FB #D7FB97 #97FBBB

monochromatic

#D921F6 #E35CF9 #ED97FB #F7D2FD #FAE2FE

Accessibility & contrast

On white

2.02

#ED97FB on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

10.42

#ED97FB on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #ED97FB

10.42:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##ED97FB	#FFFFFF	#000000	##000000
##ED97FB	1.00	2.02	10.42	10.42
#FFFFFF	2.02	1.00	21.00	21.00
#000000	10.42	21.00	1.00	1.00
##000000	10.42	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#8BB0FF

Deuteranopia (green-blind)

#A1BAF8

Tritanopia (blue-blind)

#EFA3BD

Achromatopsia (no color)

#B7B7B7

Design tokens & code

CSS

--color: #ed97fb;
/* rgb */ color: rgb(237, 151, 251);
/* oklch */ color: oklch(79.7% 0.163 321.8);

Tailwind

colors: {
  custom: {
    50: '#f4b7fd',
    500: '#ed97fb',
    950: '#000000',
  },
}

SCSS

$custom: #ed97fb;
$custom-light: #f4b7fd;
$custom-dark: #000000;

JSON

{
  "hex": "#ed97fb",
  "rgb": {
    "r": 237,
    "g": 151,
    "b": 251
  },
  "hsl": {
    "h": 291.6,
    "s": 92.593,
    "l": 78.824
  },
  "oklch": {
    "l": 0.79747,
    "c": 0.16338,
    "h": 321.8
  },
  "luminance": 0.47103
}

Semantic roles & 50–950 ramp

primary

#ED97FB

secondary

#DAF6D5

accent

#E60020

background

#FFFBFF

surface

#FEF6FF

border

#D6D0D7

text

#171117

muted

#858085

Preview Lab

Preview with #ED97FB

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

Preview Lab → · Contrast checker → · Palette generator →