#BEACE0

Accessibility

AAA

10.17:1

Vs white / black

2.07:1 · 10.17:1

Sources

Library color

Click any stop to open

Codes

Formats

HEX

#beace0

RGB

rgb(190, 172, 224)

RGBA

rgba(190, 172, 224, 1)

HSL

hsl(261, 46%, 78%)

HSV

hsv(261, 23%, 88%)

LAB

lab(73.44% 16.61 -23.79)

LCH

lch(73.44% 29.01 304.92)

OKLAB

oklab(0.7774 0.0383 -0.065)

OKLCH

oklch(0.7774 0.0754 300.51)

XYZ

xyz(49.44, 45.83, 76.75)

CMYK

cmyk(15%, 23%, 0%, 12%)

CSS

color: #beace0;

CSS variable

--color-beace0: #beace0;

SCSS

$color-beace0: #beace0;

Tailwind

violet-200

Export

Developer code

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

Palette

Tints & shades

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

faf8fc f4f1fa efeaf7 e9e3f5 e4dcf2 dfd6f0 d9cfed d4c8ea cec1e8 c9bae5 c3b3e3 beace0 ae9ecd 9e8fbb 8f81a8 7f7395 6f6483 5f5670 4f485d 3f394b 302b38 201d25 100e13

Palette

Tints

Mixed toward white — soft backgrounds and highlights

faf8fc f4f1fa efeaf7 e9e3f5 e4dcf2 dfd6f0 d9cfed d4c8ea cec1e8 c9bae5 c3b3e3

Palette

Shades

Mixed toward black — depth, text, and emphasis

ae9ecd 9e8fbb 8f81a8 7f7395 6f6483 5f5670 4f485d 3f394b 302b38 201d25 100e13

Palette

Tones

Mixed toward neutral grey — muted UI surfaces

b9a8d8 b4a5d0 afa1c8 a99dc0 a49ab8 9f96b0 9a92a8 958fa0 908b98 8a8790 858488

Harmony

Complementary

Opposite on the color wheel for contrast

#BEACE0Stop 1 #CFE1ADStop 2

Harmony

Analogous

Neighbors that sit comfortably together

#ADB5E1Stop 1 #BEACE0Stop 2 #D9ADE1Stop 3

Harmony

Triadic

Evenly spaced triad for vibrant sets

#BEACE0Stop 1 #E1BFADStop 2 #ADE1BFStop 3

Harmony

Split complementary

Base plus two accents beside the complement

#BEACE0Stop 1 #E1D9ADStop 2 #B5E1ADStop 3

Harmony

Monochromatic

Same hue, varied lightness and saturation

#2C1C4AStop 1 #4D3082Stop 2 #6E45BAStop 3 #997DCFStop 4 #C5B5E3Stop 5

Meaning

Color psychology

Mystery, ambition, and creativity. Strong for artistic and spiritual associations.

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

Similar & related colors

Nearby colors from the library by perceptual distance

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