Poised Border with Centering

#9a89a6 RGB(154,137,166)

About this color

Poised Border with Centering settles into a medium violet territory with a muted quality that feels cool — captured at #9a89a6, RGB(154, 137, 166).

#9a89a6RGB(154, 137, 166)

HSL 275° · 14% saturation · 59% 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

In design terms, a mid-toned violet like this handles 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

Looking at colour relationships, 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 formats

Name
Poised Border with Centering
HEX
#9a89a6
RGB
rgb(154,137,166)
RGB%
rgb(60.4%,53.7%,65.1%)
HSL
hsl(275,14%,59%)
HSV
hsv(275,17%,65%)
CMYK
cmyk(7,17,0,35)
LAB
lab(59,12,-13)
LCH
lch(59,18,313)
sRGB
(0.604,0.537,0.651)
HEX8
#9a89a6ff
CSS Name
Decimal
154137166

Similar colors

Color variants

Color info

Lightness
59%
Saturation
14%
Hue
275°
Chroma
18
Temperature
WarmCool
Contrast Preview
The quick brown fox jumps over the lazy dog

Share