#CEA9EA

Accessibility

AAA

10.49:1

Vs white / black

2:1 · 10.49:1

Sources

Library color

Codes

Formats

HEX

#cea9ea

RGB

rgb(206, 169, 234)

RGBA

rgba(206, 169, 234, 1)

HSL

hsl(274, 61%, 79%)

HSLA

hsla(274, 61%, 79%, 1)

HSV

hsv(274, 28%, 92%)

LAB

lab(74.47% 25.41 -27.53)

LCH

lch(74.47% 37.46 312.71)

OKLAB

oklab(0.7898 0.0634 -0.0752)

OKLCH

oklch(0.7898 0.0984 310.13)

XYZ

xyz(54.49, 47.44, 84.11)

CMYK

cmyk(12%, 28%, 0%, 8%)

CSS

color: #cea9ea;

CSS variable

--color-cea9ea: #cea9ea;

SCSS

$color-cea9ea: #cea9ea;

JavaScript

const color = "#cea9ea";

TypeScript

const color: string = "#cea9ea";

React

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

JSON

{ "hex": "#cea9ea", "rgb": { "r": 206, "g": 169, "b": 234 }, "oklch": "oklch(0.7898 0.0984 310.13)" }

Export

Developer code

css

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

Design systems

Nearest official tokens

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

Nearest Tailwind color

purple-300

Noticeably different · ΔE 3.65 · #D8B4FE

Nearest CSS named color

Plum

Very different · ΔE 5.72 · #DDA0DD

Nearest Material color

deep-purple-200

Very different · ΔE 5.55 · #B39DDB

Nearest Bootstrap color

light

Very different · ΔE 25.07 · #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.

50ffebff 100f5dcff 200e4c7fa 300cfaee8 400b490d0 5009875b2 600806196 700674d79 8004e395e 900382744 95022132b

Palette

Tints & shades

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

fbf8fd f7f1fc f3eafa efe2f8 ebdbf6 e7d4f5 e2cdf3 dec6f1 dabfef d6b7ee d2b0ec cea9ea bd9bd7 ac8dc3 9b7fb0 89719c 786388 675575 564661 45384e 342a3b 221c27 110e14

Palette

Tints

Mixed toward white — soft backgrounds and highlights

fbf8fd f7f1fc f3eafa efe2f8 ebdbf6 e7d4f5 e2cdf3 dec6f1 dabfef d6b7ee d2b0ec

Palette

Shades

Mixed toward black — depth, text, and emphasis

bd9bd7 ac8dc3 9b7fb0 89719c 786388 675575 564661 45384e 342a3b 221c27 110e14

Palette

Tones

Mixed toward neutral grey — muted UI surfaces

c7a6e1 c1a2d8 bb9fd0 b49bc7 ae98be a795b5 a191ac 9a8ea3 948a9b 8d8792 878389

Harmony

Complementary

Opposite on the color wheel for contrast

#CEA9EAStop 1 #C5EAA9Stop 2

Harmony

Analogous

Neighbors that sit comfortably together

#ADA9EAStop 1 #CEA9EAStop 2 #EAA9E6Stop 3

Harmony

Triadic

Evenly spaced triad for vibrant sets

#CEA9EAStop 1 #EACEA9Stop 2 #A9EACEStop 3

Harmony

Split complementary

Base plus two accents beside the complement

#CEA9EAStop 1 #E6EAA9Stop 2 #A9EAADStop 3

Harmony

Monochromatic

Same hue, varied lightness and saturation

#371452Stop 1 #612390Stop 2 #8A32CDStop 3 #AD6FDCStop 4 #D0ADEBStop 5

Using this color

Where #cea9ea works

#CEA9EA (#cea9ea) sits in the deep purple family at about 274° hue, 61% saturation, and 79% lightness. Contrast is 2:1 on white and 10.49:1 on black, so near-black labels read more clearly on the swatch itself. Nearest Tailwind token: purple-300 (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 #cea9ea as small body text on white — 2: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: Mystery, ambition, and creativity. Strong for artistic and spiritual associations. Common uses still include buttons, charts, and accents in the Deep Purple range — always verify the pair for this exact hex in the contrast checker.

Similar & related colors

Nearby colors from the library by perceptual distance

Tailwind purple 300#D8B4FE Material Deep Purple 200#B39DDB Plum#DDA0DD Material Purple 200#CE93D8 Tailwind fuchsia 300#F0ABFC Tailwind violet 300#C4B5FD Web Safe #CC99CC#CC99CC Web Safe #CC99FF#CC99FF Material Purple 100#E1BEE7 Chakra purple 400#B794F4 Material Deep Purple 100#D1C4E9 Web Safe #FF99FF#FF99FF