#EBABDA#EBABDA

#EBABDA is a light, moderate pink. Relative luminance 0.518; OKLCH L 81.5% C 0.096 H 336.4°. Best body text is #000000 at 11.37:1 contrast (WCAG AA passes).

Color values

HEX	#EBABDA
RGB	rgb(235, 171, 218)
HSL	hsl(316, 62%, 80%)
HSV	hsv(316, 27%, 92%)
CMYK	cmyk(0%, 27.2%, 7.2%, 7.8%)
CIE-LAB	lab(77.19, 30.72, -14.44)
CIE-LCH	lch(77.19, 33.94, 334.83°)
OKLab	oklab(81.54% 0.0881 -0.0385)
OKLCH	oklch(81.54% 0.096 336.4)
XYZ	xyz(61.4781, 51.8523, 73.0862)
Luminance	0.5185 (WCAG relative)
Temperature	warm
Family	pink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#EBABDA #ABEBBC

analogous

#DCABEB #EBABDA #EBABBA

triadic

#EBABDA #DAEBAB #ABDAEB

tetradic

#EBABDA #EBDCAB #ABEBBC #ABBAEB

square

#EBABDA #EBDCAB #ABEBBC #ABBAEB

split-complementary

#EBABDA #BAEBAB #ABEBDC

monochromatic

#D348AE #DF7AC4 #EBABDA #F7DCF0 #F9E6F4

Accessibility & contrast

On white

1.85

#EBABDA on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

11.37

#EBABDA on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EBABDA

11.37:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##EBABDA	#FFFFFF	#000000	##000000
##EBABDA	1.00	1.85	11.37	11.37
#FFFFFF	1.85	1.00	21.00	21.00
#000000	11.37	21.00	1.00	1.00
##000000	11.37	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#ACB9DC

Deuteranopia (green-blind)

#BBC2D8

Tritanopia (blue-blind)

#F2ADBB

Achromatopsia (no color)

#BFBFBF

Design tokens & code

CSS

--color: #ebabda;
/* rgb */ color: rgb(235, 171, 218);
/* oklch */ color: oklch(81.5% 0.096 336.4);

Tailwind

colors: {
  custom: {
    50: '#f2c4e5',
    500: '#ebabda',
    950: '#000000',
  },
}

SCSS

$custom: #ebabda;
$custom-light: #f2c4e5;
$custom-dark: #000000;

JSON

{
  "hex": "#ebabda",
  "rgb": {
    "r": 235,
    "g": 171,
    "b": 218
  },
  "hsl": {
    "h": 315.938,
    "s": 61.538,
    "l": 79.608
  },
  "oklch": {
    "l": 0.81537,
    "c": 0.09615,
    "h": 336.4
  },
  "luminance": 0.5185
}

Semantic roles & 50–950 ramp

primary

#EBABDA

secondary

#73C789

accent

#C94A1C

background

#FFFDFE

surface

#FEF9FC

border

#D6D2D5

text

#171315

muted

#858284

Preview Lab

Preview with #EBABDA

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

Preview Lab → · Contrast checker → · Palette generator →