Twilight Basalt beneath Shattering

#142866 RGB(20,40,102)

About this color

Twilight Basalt beneath Shattering carries its coordinates at #142866: a dark blue with vivid saturation.

#142866RGB(20, 40, 102)

HSL 225° · 67% saturation · 24% lightness

🧠

Psychology

In its darkest registers blue becomes serious and introspective: trustworthy, professional, slightly austere.

🏛️

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

As a dark tone, it naturally lends itself to 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

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
Twilight Basalt beneath Shattering
HEX
#142866
RGB
rgb(20,40,102)
RGB%
rgb(7.8%,15.7%,40%)
HSL
hsl(225,67%,24%)
HSV
hsv(225,80%,40%)
CMYK
cmyk(80,61,0,60)
LAB
lab(18,17,-39)
LCH
lch(18,43,294)
sRGB
(0.078,0.157,0.4)
HEX8
#142866ff
CSS Name
Decimal
020040102

Similar colors

Color variants

Color info

Lightness
24%
Saturation
67%
Hue
225°
Chroma
43
Temperature
WarmCool
Contrast Preview
The quick brown fox jumps over the lazy dog

Share