When Mellowed Border opposite Curving

#337ac3 RGB(51,122,195)

About this color

When Mellowed Border opposite Curving carries its coordinates at #337ac3: a medium-dark blue with vivid saturation.

#337ac3RGB(51, 122, 195)

HSL 210° · 59% saturation · 48% lightness

🧠

Psychology

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

🏛️

History

Blue has been among the most valued pigments throughout history — ultramarine, ground from lapis lazuli, was once worth more than gold and reserved for the robes of the Virgin Mary in medieval painting.

✏️

Design use

Practically, this medium-dark blue is comfortable as interactive elements, tags, badges, and highlight states. It has enough saturation to register clearly without straining extended-reading contexts.

🎭

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
When Mellowed Border opposite Curving
HEX
#337ac3
RGB
rgb(51,122,195)
RGB%
rgb(20%,47.8%,76.5%)
HSL
hsl(210,59%,48%)
HSV
hsv(210,74%,76%)
CMYK
cmyk(74,37,0,24)
LAB
lab(50,3,-44)
LCH
lch(50,44,274)
sRGB
(0.2,0.478,0.765)
HEX8
#337ac3ff
CSS Name
Decimal
051122195

Similar colors

Color variants

Color info

Lightness
48%
Saturation
59%
Hue
210°
Chroma
44
Temperature
WarmCool
Contrast Preview
The quick brown fox jumps over the lazy dog

Share