Grey Boulder alongside Bleeding

#182a36 RGB(24,42,54)

About this color

Grey Boulder alongside Bleeding reads as dark and moderate — a blue tone recorded at #182a36, RGB(24, 42, 54).

#182a36RGB(24, 42, 54)

HSL 204° · 38% saturation · 15% 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

In practical terms, a dark blue like this works well 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

In terms of colour combinations, 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
Grey Boulder alongside Bleeding
HEX
#182a36
RGB
rgb(24,42,54)
RGB%
rgb(9.4%,16.5%,21.2%)
HSL
hsl(204,38%,15%)
HSV
hsv(204,56%,21%)
CMYK
cmyk(56,22,0,79)
LAB
lab(16,-3,-10)
LCH
lch(16,10,253)
sRGB
(0.094,0.165,0.212)
HEX8
#182a36ff
CSS Name
Decimal
024042054

Similar colors

Color variants

Color info

Lightness
15%
Saturation
38%
Hue
204°
Chroma
10
Temperature
WarmCool
Contrast Preview
The quick brown fox jumps over the lazy dog

Share