#BAADC7

Accessibility

AAA

9.89:1

Vs white / black

2.12:1 · 9.89:1

Sources

Library color

Click any stop to open

Codes

Formats

HEX

#baadc7

RGB

rgb(186, 173, 199)

RGBA

rgba(186, 173, 199, 1)

HSL

hsl(270, 19%, 73%)

HSV

hsv(270, 13%, 78%)

LAB

lab(72.53% 9.55 -11.52)

LCH

lch(72.53% 14.96 309.66)

OKLAB

oklab(0.7668 0.0241 -0.0309)

OKLCH

oklch(0.7668 0.0392 307.95)

XYZ

xyz(45.50, 44.45, 60.20)

CMYK

cmyk(7%, 13%, 0%, 22%)

CSS

color: #baadc7;

CSS variable

--color-baadc7: #baadc7;

SCSS

$color-baadc7: #baadc7;

Tailwind

violet-200

Export

Developer code

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

Palette

Tints & shades

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

f9f8fa f4f1f6 eeebf1 e8e4ec e2dde8 ddd6e3 d7cfde d1c8da cbc2d5 c6bbd0 c0b4cc baadc7 ab9fb6 9b90a6 8c8295 7c7385 6c6574 5d5764 4e4853 3e3a42 2f2b32 1f1d21 100e11

Palette

Tints

Mixed toward white — soft backgrounds and highlights

f9f8fa f4f1f6 eeebf1 e8e4ec e2dde8 ddd6e3 d7cfde d1c8da cbc2d5 c6bbd0 c0b4cc

Palette

Shades

Mixed toward black — depth, text, and emphasis

ab9fb6 9b90a6 8c8295 7c7385 6c6574 5d5764 4e4853 3e3a42 2f2b32 1f1d21 100e11

Palette

Tones

Mixed toward neutral grey — muted UI surfaces

b5a9c1 b0a6bb aca2b5 a79eaf a29aa9 9d97a4 98939e 938f98 8f8b92 8a888c 858486

Harmony

Complementary

Opposite on the color wheel for contrast

#BAADC7Stop 1 #BAC7ADStop 2

Harmony

Analogous

Neighbors that sit comfortably together

#ADADC7Stop 1 #BAADC7Stop 2 #C7ADC7Stop 3

Harmony

Triadic

Evenly spaced triad for vibrant sets

#BAADC7Stop 1 #C7BAADStop 2 #ADC7BAStop 3

Harmony

Split complementary

Base plus two accents beside the complement

#BAADC7Stop 1 #C7C7ADStop 2 #ADC7ADStop 3

Harmony

Monochromatic

Same hue, varied lightness and saturation

#33293DStop 1 #59486AStop 2 #806798Stop 3 #A695B7Stop 4 #CCC2D6Stop 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

Thistle#D8BFD8 Chakra gray 400#A0AEC0 Tailwind slate 400#94A3B8 LightSteelBlue#B0C4DE Spectrum #93A8CD#93A8CD Material Purple 100#E1BEE7 DarkGray#A9A9A9 Spectrum #8FACD1#8FACD1 Material You Neutral#938F99 Material Grey 400#BDBDBD Silver#C0C0C0 Tailwind violet 200#DDD6FE