#D5AEEA

Accessibility

AAA

11.07:1

Vs white / black

1.9:1 · 11.07:1

Sources

Library color

Click any stop to open

Codes

Formats

HEX

#d5aeea

RGB

rgb(213, 174, 234)

RGBA

rgba(213, 174, 234, 1)

HSL

hsl(279, 59%, 80%)

HSV

hsv(279, 26%, 92%)

LAB

lab(76.29% 24.89 -24.69)

LCH

lch(76.29% 35.06 315.23)

OKLAB

oklab(0.8053 0.0639 -0.0672)

OKLCH

oklch(0.8053 0.0927 313.56)

XYZ

xyz(57.43, 50.36, 84.52)

CMYK

cmyk(9%, 26%, 0%, 8%)

CSS

color: #d5aeea;

CSS variable

--color-d5aeea: #d5aeea;

SCSS

$color-d5aeea: #d5aeea;

Tailwind

violet-200

Export

Developer code

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

Palette

Tints & shades

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

fcf8fd f8f2fc f5ebfa f1e4f8 eeddf6 ead7f5 e7d0f3 e3c9f1 e0c2ef dcbcee d9b5ec d5aeea c3a0d7 b291c3 a083b0 8e749c 7c6588 6b5775 594961 473a4e 352c3b 231d27 120f14

Palette

Tints

Mixed toward white — soft backgrounds and highlights

fcf8fd f8f2fc f5ebfa f1e4f8 eeddf6 ead7f5 e7d0f3 e3c9f1 e0c2ef dcbcee d9b5ec

Palette

Shades

Mixed toward black — depth, text, and emphasis

c3a0d7 b291c3 a083b0 8e749c 7c6588 6b5775 594961 473a4e 352c3b 231d27 120f14

Palette

Tones

Mixed toward neutral grey — muted UI surfaces

ceaae1 c7a6d8 c0a3d0 b99fc7 b29bbe ab97b5 a393ac 9c8fa3 958c9b 8e8892 878489

Harmony

Complementary

Opposite on the color wheel for contrast

#D5AEEAStop 1 #C3EAAEStop 2

Harmony

Analogous

Neighbors that sit comfortably together

#B7AEEAStop 1 #D5AEEAStop 2 #EAAEE1Stop 3

Harmony

Triadic

Evenly spaced triad for vibrant sets

#D5AEEAStop 1 #EAD5AEStop 2 #AEEAD5Stop 3

Harmony

Split complementary

Base plus two accents beside the complement

#D5AEEAStop 1 #E1EAAEStop 2 #AEEAB7Stop 3

Harmony

Monochromatic

Same hue, varied lightness and saturation

#3C1551Stop 1 #69258EStop 2 #9634CBStop 3 #B671DAStop 4 #D5AEEAStop 5

Meaning

Color psychology

Imagination, luxury, and wisdom. Frequently used for premium, creative, and tech brands.

Common uses: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Purple family.

Similar & related colors

Nearby colors from the library by perceptual distance

Plum#DDA0DD Web Safe #CC99CC#CC99CC Tailwind violet 300#C4B5FD Material Purple 100#E1BEE7 Material Purple 200#CE93D8 Web Safe #FFCCFF#FFCCFF Web Safe #CCCCFF#CCCCFF Web Safe #9999CC#9999CC Spectrum #959BD0#959BD0 Tailwind violet 200#DDD6FE Thistle#D8BFD8 Spectrum #929DD3#929DD3