When Mellow Bay throughout Filling

#486893 RGB(72,104,147)

About this color

When Mellow Bay throughout Filling occupies the medium-dark, moderate end of the blue spectrum, defined by its coordinates #486893 — RGB(72, 104, 147).

#486893RGB(72, 104, 147)

HSL 214° · 34% saturation · 43% lightness

🧠

Psychology

Blue at medium lightness is the colour of trust and communication — widely associated with stability, focus, and honesty.

🏛️

History

The ancient Egyptians were among the first to produce blue pigment artificially — Egyptian blue, made from copper and sand, coloured the walls of pharaonic tombs.

✏️

Design use

This shade sits in a versatile middle ground — useful 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

When it comes to colour harmony, complement this blue with amber and warm orange for high-contrast energy, or stay within blue-green and violet neighbours for a serene, cohesive feel.

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

Color Categories

Color formats

Name
When Mellow Bay throughout Filling
HEX
#486893
RGB
rgb(72,104,147)
RGB%
rgb(28.2%,40.8%,57.6%)
HSL
hsl(214,34%,43%)
HSV
hsv(214,51%,58%)
CMYK
cmyk(51,29,0,42)
LAB
lab(43,1,-27)
LCH
lch(43,27,272)
sRGB
(0.282,0.408,0.576)
HEX8
#486893ff
CSS Name
Decimal
072104147

Similar colors

Color variants

Color info

Lightness
43%
Saturation
34%
Hue
214°
Chroma
27
Temperature
WarmCool
Contrast Preview
The quick brown fox jumps over the lazy dog

Share