What the Border with Weighted Grading

#0418a9 RGB(4,24,169)

About this color

What the Border with Weighted Grading is rendered by screens as RGB(4, 24, 169) — a dark, intense blue hue.

#0418a9RGB(4, 24, 169)

HSL 233° · 95% saturation · 34% lightness

🧠

Psychology

Dark blues project authority, depth and reliability — the colour of deep water, the night sky, and tailored suits.

🏛️

History

In Japanese aesthetics, blue — particularly indigo — has been a central colour for centuries: the slow-dyed textiles of Tokushima remain prized for their depth and permanence.

✏️

Design use

Practically speaking, this deep blue is most at home as a primary background in dark themes, a strong border or divider, or a headline colour against a light surface. Combine with lighter tints of the same hue for a cohesive palette.

🎭

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
What the Border with Weighted Grading
HEX
#0418a9
RGB
rgb(4,24,169)
RGB%
rgb(1.6%,9.4%,66.3%)
HSL
hsl(233,95%,34%)
HSV
hsv(233,98%,66%)
CMYK
cmyk(98,86,0,34)
LAB
lab(22,51,-75)
LCH
lch(22,91,304)
sRGB
(0.016,0.094,0.663)
HEX8
#0418a9ff
CSS Name
Decimal
004024169

Similar colors

Color variants

Color info

Lightness
34%
Saturation
95%
Hue
233°
Chroma
91
Temperature
WarmCool
Contrast Preview
The quick brown fox jumps over the lazy dog

Share