What the Weighted Border behind Grading

#285daf RGB(40,93,175)

About this color

What the Weighted Border behind Grading occupies the medium-dark, vivid end of the blue spectrum, defined by its coordinates #285daf — RGB(40, 93, 175).

#285dafRGB(40, 93, 175)

HSL 216° · 63% saturation · 42% lightness

🧠

Psychology

Blue at medium lightness is the colour of trust and communication — widely associated with stability, focus, and honesty.

🏛️

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

This shade sits in a versatile middle ground — useful as brand accents, data visualisation series, and illustrative elements. Its middle lightness gives it presence on both white and dark backgrounds.

🎭

Colour pairings

When it comes to colour harmony, 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
What the Weighted Border behind Grading
HEX
#285daf
RGB
rgb(40,93,175)
RGB%
rgb(15.7%,36.5%,68.6%)
HSL
hsl(216,63%,42%)
HSV
hsv(216,77%,69%)
CMYK
cmyk(77,47,0,31)
LAB
lab(40,12,-49)
LCH
lch(40,50,284)
sRGB
(0.157,0.365,0.686)
HEX8
#285dafff
CSS Name
Decimal
040093175

Similar colors

Color variants

Color info

Lightness
42%
Saturation
63%
Hue
216°
Chroma
50
Temperature
WarmCool
Contrast Preview
The quick brown fox jumps over the lazy dog

Share