When Weighty Border atop Anchoring

#664cae RGB(102,76,174)

About this color

When Weighty Border atop Anchoring carries its coordinates at #664cae: a medium-dark violet with moderate saturation.

#664caeRGB(102, 76, 174)

HSL 256° · 39% saturation · 49% lightness

🧠

Psychology

Mid violet is the colour of imagination: it unsettles easy categorisation, which is precisely its appeal.

🏛️

History

Mauveine, the first synthetic dye, was discovered by accident in 1856 by eighteen-year-old William Perkin — a purple that sparked an industrial revolution in colour.

✏️

Design use

Practically, this medium-dark violet is comfortable as accent colours, call-to-action buttons, and icon fills — it holds its own without overwhelming adjacent elements. Always check WCAG contrast ratios before using it under or over text.

🎭

Colour pairings

For palette building, violet finds its complement in yellow-green — a combination that feels both botanical and somewhat surreal. Softer companions include warm greys, dusty pinks, and aged golds.

⚖️ Contrast checker👁 Colour blindness🌈 Gradient🎨 Colour mixer

Color Categories

Color formats

Name
When Weighty Border atop Anchoring
HEX
#664cae
RGB
rgb(102,76,174)
RGB%
rgb(40%,29.8%,68.2%)
HSL
hsl(256,39%,49%)
HSV
hsv(256,56%,68%)
CMYK
cmyk(41,56,0,32)
LAB
lab(40,34,-49)
LCH
lch(40,60,305)
sRGB
(0.4,0.298,0.682)
HEX8
#664caeff
CSS Name
Decimal
102076174

Similar colors

Color variants

Color info

Lightness
49%
Saturation
39%
Hue
256°
Chroma
60
Temperature
WarmCool
Contrast Preview
The quick brown fox jumps over the lazy dog

Share