#867B90

Accessibility

5.25:1

Vs white / black

4:1 · 5.25:1

Sources

Library color

Click any stop to open

Codes

Formats

HEX

#867b90

RGB

rgb(134, 123, 144)

RGBA

rgba(134, 123, 144, 1)

HSL

hsl(271, 9%, 52%)

HSV

hsv(271, 15%, 56%)

LAB

lab(53.22% 8.39 -9.81)

LCH

lch(53.22% 12.91 310.54)

OKLAB

oklab(0.5999 0.0212 -0.0264)

OKLCH

oklch(0.5999 0.0339 308.77)

XYZ

xyz(21.95, 21.25, 29.33)

CMYK

cmyk(7%, 15%, 0%, 44%)

CSS

color: #867b90;

CSS variable

--color-867b90: #867b90;

SCSS

$color-867b90: #867b90;

Tailwind

violet-400

Export

Developer code

:root {
  --#867b90-1: #867b90;
}

Palette

Tints & shades

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

f5f4f6 ebe9ed e1dee3 d7d3da cdc8d1 c3bdc8 b8b2be aea7b5 a49cac 9a91a3 908699 867b90 7b7184 706778 655c6c 595260 4e4854 433e48 38333c 2d2930 221f24 161418 0b0a0c

Palette

Tints

Mixed toward white — soft backgrounds and highlights

f5f4f6 ebe9ed e1dee3 d7d3da cdc8d1 c3bdc8 b8b2be aea7b5 a49cac 9a91a3 908699

Palette

Shades

Mixed toward black — depth, text, and emphasis

7b7184 706778 655c6c 595260 4e4854 433e48 38333c 2d2930 221f24 161418 0b0a0c

Palette

Tones

Mixed toward neutral grey — muted UI surfaces

867b8f 857c8d 857c8c 847d8b 847d89 837e88 837e87 827e85 827f84 817f83 818081

Harmony

Complementary

Opposite on the color wheel for contrast

#867B90Stop 1 #84907AStop 2

Harmony

Analogous

Neighbors that sit comfortably together

#7A7A90Stop 1 #867B90Stop 2 #907A8FStop 3

Harmony

Triadic

Evenly spaced triad for vibrant sets

#867B90Stop 1 #90857AStop 2 #7A9085Stop 3

Harmony

Split complementary

Base plus two accents beside the complement

#867B90Stop 1 #8F907AStop 2 #7A907AStop 3

Harmony

Monochromatic

Same hue, varied lightness and saturation

#332E38Stop 1 #5A5161Stop 2 #80748BStop 3 #A69EAEStop 4 #CCC7D1Stop 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

Fill Tertiary#787880 Chakra gray 500#718096 Material You Neutral#938F99 SlateGray#708090 Tailwind slate 500#64748B LightSlateGray#778899 Bootstrap secondary#6C757D System Gray#8E8E93 Gray#808080 Material You Secondary#625B71 Material Grey 600#757575 DimGray#696969