Mellow Border until Pressing

#404c76 RGB(64,76,118)

About this color

Mellow Border until Pressing presents itself as a medium-dark, moderate blue shade, sitting at #404c76 in the 24-bit RGB space.

#404c76RGB(64, 76, 118)

HSL 227° · 30% saturation · 36% 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 medium-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
Mellow Border until Pressing
HEX
#404c76
RGB
rgb(64,76,118)
RGB%
rgb(25.1%,29.8%,46.3%)
HSL
hsl(227,30%,36%)
HSV
hsv(227,46%,46%)
CMYK
cmyk(46,36,0,54)
LAB
lab(33,7,-26)
LCH
lch(33,27,285)
sRGB
(0.251,0.298,0.463)
HEX8
#404c76ff
CSS Name
Decimal
064076118

Similar colors

Color variants

Color info

Lightness
36%
Saturation
30%
Hue
227°
Chroma
27
Temperature
WarmCool
Contrast Preview
The quick brown fox jumps over the lazy dog

Share