When the Toasted Border on Grading

#3338a8 RGB(51,56,168)

About this color

When the Toasted Border on Grading is a medium-dark blue with a vivid character, positioned at #3338a8 on the color spectrum.

#3338a8RGB(51, 56, 168)

HSL 237° · 53% saturation · 43% 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

In design terms, a mid-toned blue like this handles interactive elements, tags, badges, and highlight states. It has enough saturation to register clearly without straining extended-reading contexts.

🎭

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
When the Toasted Border on Grading
HEX
#3338a8
RGB
rgb(51,56,168)
RGB%
rgb(20%,22%,65.9%)
HSL
hsl(237,53%,43%)
HSV
hsv(237,70%,66%)
CMYK
cmyk(70,67,0,34)
LAB
lab(30,35,-61)
LCH
lch(30,70,300)
sRGB
(0.2,0.22,0.659)
HEX8
#3338a8ff
CSS Name
Decimal
051056168

Similar colors

Color variants

Color info

Lightness
43%
Saturation
53%
Hue
237°
Chroma
70
Temperature
WarmCool
Contrast Preview
The quick brown fox jumps over the lazy dog

Share