When Weighty Border atop Building

#5b87a3 RGB(91,135,163)

About this color

When Weighty Border atop Building carries its coordinates at #5b87a3: a medium blue with moderate saturation.

#5b87a3RGB(91, 135, 163)

HSL 203° · 28% saturation · 50% lightness

🧠

Psychology

Mid blue dominates corporate and tech branding precisely because it reads as dependable without being cold.

🏛️

History

Blue has been among the most valued pigments throughout history — ultramarine, ground from lapis lazuli, was once worth more than gold and reserved for the robes of the Virgin Mary in medieval painting.

✏️

Design use

Practically, this medium blue is comfortable as interactive elements, tags, badges, and highlight states. It has enough saturation to register clearly without straining extended-reading contexts.

🎭

Colour pairings

For palette building, this blue pairs naturally with warm neutrals — tawny beiges, soft terracottas, aged brass — which amplify its cool character by contrast. Analogous blue-violets and blue-greens give a more cohesive, tonal result.

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

Color Categories

Color formats

Name
When Weighty Border atop Building
HEX
#5b87a3
RGB
rgb(91,135,163)
RGB%
rgb(35.7%,52.9%,63.9%)
HSL
hsl(203,28%,50%)
HSV
hsv(203,44%,64%)
CMYK
cmyk(44,17,0,36)
LAB
lab(54,-7,-20)
LCH
lch(54,21,251)
sRGB
(0.357,0.529,0.639)
HEX8
#5b87a3ff
CSS Name
Decimal
091135163

Similar colors

Color variants

Color info

Lightness
50%
Saturation
28%
Hue
203°
Chroma
21
Temperature
WarmCool
Contrast Preview
The quick brown fox jumps over the lazy dog

Share