#EAD3DE

Accessibility

AAA

14.87:1

Vs white / black

1.41:1 · 14.87:1

Sources

Library color

Codes

Formats

HEX

#ead3de

RGB

rgb(234, 211, 222)

RGBA

rgba(234, 211, 222, 1)

HSL

hsl(331, 35%, 87%)

HSLA

hsla(331, 35%, 87%, 1)

HSV

hsv(331, 10%, 92%)

LAB

lab(86.68% 9.83 -2.51)

LCH

lch(86.68% 10.15 345.68)

OKLAB

oklab(0.8889 0.0286 -0.0065)

OKLCH

oklch(0.8889 0.0293 347.2)

XYZ

xyz(70.41, 69.36, 78.77)

CMYK

cmyk(0%, 10%, 5%, 8%)

CSS

color: #ead3de;

CSS variable

--color-ead3de: #ead3de;

SCSS

$color-ead3de: #ead3de;

JavaScript

const color = "#ead3de";

TypeScript

const color: string = "#ead3de";

React

style={{ backgroundColor: "#ead3de" }}

JSON

{ "hex": "#ead3de", "rgb": { "r": 234, "g": 211, "b": 222 }, "oklch": "oklch(0.8889 0.0293 347.2)" }

Export

Developer code

css

:root {
  --#ead3de-1: #ead3de;
}

Design systems

Nearest official tokens

An arbitrary HEX is not an official Tailwind, Material, or Bootstrap color. Distance is CIEDE2000.

Nearest Tailwind color

pink-100

Noticeably different · ΔE 4.41 · #FCE7F3

Nearest CSS named color

Thistle

Very different · ΔE 6.76 · #D8BFD8

Nearest Material color

pink-50

Noticeably different · ΔE 3.97 · #FCE4EC

Nearest Bootstrap color

light

Very different · ΔE 13.38 · #F8F9FA

OKLCH

Perceptual 50–950 scale

Generated in OKLCH from this hex. Not an official Tailwind scale unless the hex itself is a Tailwind token.

50fff0f8 100f3e3ea 200e0cfd7 300cbb7c1 400b09aa5 500947f89 6007c6a73 70064545c 8004c4046 900372b31 95022171c

Palette

Tints & shades

Full scale from light tints through the base color into deep shades

fdfbfc fcf8fa faf4f7 f8f0f4 f6edf1 f5e9ef f3e5ec f1e2e9 efdee6 eedae4 ecd7e1 ead3de d7c1cc c3b0b9 b09ea7 9c8d94 887b81 756a6f 61585c 4e464a 3b3538 272325 141213

Palette

Tints

Mixed toward white — soft backgrounds and highlights

fdfbfc fcf8fa faf4f7 f8f0f4 f6edf1 f5e9ef f3e5ec f1e2e9 efdee6 eedae4 ecd7e1

Palette

Shades

Mixed toward black — depth, text, and emphasis

d7c1cc c3b0b9 b09ea7 9c8d94 887b81 756a6f 61585c 4e464a 3b3538 272325 141213

Palette

Tones

Mixed toward neutral grey — muted UI surfaces

e1ccd6 d8c5ce d0bec7 c7b7bf beb0b7 b5aaaf aca3a7 a39c9f 9b9598 928e90 898788

Harmony

Complementary

Opposite on the color wheel for contrast

#EAD3DEStop 1 #D2E9DEStop 2

Harmony

Analogous

Neighbors that sit comfortably together

#E9D2E9Stop 1 #EAD3DEStop 2 #E9D3D2Stop 3

Harmony

Triadic

Evenly spaced triad for vibrant sets

#EAD3DEStop 1 #DDE9D2Stop 2 #D2DDE9Stop 3

Harmony

Split complementary

Base plus two accents beside the complement

#EAD3DEStop 1 #D2E9D3Stop 2 #D2E9E9Stop 3

Harmony

Monochromatic

Same hue, varied lightness and saturation

#452132Stop 1 #783A58Stop 2 #AC537EStop 3 #C587A5Stop 4 #DEBACBStop 5

Using this color

Where #ead3de works

#EAD3DE (#ead3de) sits in the red family at about 331° hue, 35% saturation, and 87% lightness. Contrast is 1.41:1 on white and 14.87:1 on black, so near-black labels read more clearly on the swatch itself. Nearest Tailwind token: pink-100 (approximation unless the hex is an official scale stop).

Sensible jobs for this swatch

subtle surfaces, chips, and table stripes
text or icons on charcoal / dark mode

Do not use #ead3de as small body text on white — 1.41:1 misses WCAG AA (4.5:1). Pair it with a darker shade from the scale below, or check pairs in the contrast checker.

Family context: Energy, urgency, passion, and excitement. Often used for CTAs, alerts, and brands that want attention. Common uses still include buttons, charts, and accents in the Red range — always verify the pair for this exact hex in the contrast checker.

Similar & related colors

Nearby colors from the library by perceptual distance

Material Pink 50#FCE4EC Tailwind pink 100#FCE7F3 Material Purple 50#F3E5F5 Tailwind rose 100#FFE4E6 Tailwind red 100#FEE2E2 Material Red 50#FFEBEE Tailwind fuchsia 100#FAE8FF Thistle#D8BFD8 MistyRose#FFE4E1 LavenderBlush#FFF0F5 Tailwind pink 200#FBCFE8 Tailwind purple 100#F3E8FF