Mellow Border before Adjusting

#404cf6 RGB(64,76,246)

About this color

Mellow Border before Adjusting is a medium blue with a intense character, positioned at #404cf6 on the color spectrum.

#404cf6RGB(64, 76, 246)

HSL 236° · 91% saturation · 61% lightness

🧠

Psychology

Mid blue dominates corporate and tech branding precisely because it reads as dependable without being cold.

🏛️

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

In design terms, a mid-toned blue like this handles 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

Looking at colour relationships, 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
Mellow Border before Adjusting
HEX
#404cf6
RGB
rgb(64,76,246)
RGB%
rgb(25.1%,29.8%,96.5%)
HSL
hsl(236,91%,61%)
HSV
hsv(236,74%,96%)
CMYK
cmyk(74,69,0,4)
LAB
lab(43,51,-86)
LCH
lch(43,100,301)
sRGB
(0.251,0.298,0.965)
HEX8
#404cf6ff
CSS Name
Decimal
064076246

Similar colors

Color variants

Color info

Lightness
61%
Saturation
91%
Hue
236°
Chroma
100
Temperature
WarmCool
Contrast Preview
The quick brown fox jumps over the lazy dog

Share