Tone Atlas

Color Palette · Profile 1,684,030

#558ADE

RGB, HSL and contrast measurements with tint, shade and complementary variations for #558ADE.

Resources

JSON

CSS reference

color: #558ADE;

Color values

HEX
#558ADE
RGB
85, 138, 222
HSL
217°, 67%, 60%
Relative luminance
0.2538

Contrast comparison

Against white: 3.46:1 · Against black: 6.08:1.

These ratios describe text/background contrast; accessibility also depends on the actual use.

Palette variations

Base
#558ADE
Complement
#AA7521
Tint 25%
#80A7E6
Tint 50%
#AAC5EF
Shade 25%
#4068A7
Shade 50%
#2B456F

More profiles