#56A2EF

86, 162, 239

#56A2EF

Custom color #56A2EF with RGB values 86, 162, 239.

HEX#56A2EF
RGB86, 162, 239
HSL210°, 83%, 64%
CMYK64%, 32%, 0%, 6%
CSS Variable--color: #56a2ef;
Use in GeneratorCheck ContrastView on Wheel

Shades of #56A2EF

#d0e5fb

#a2ccf6

#73b2f2

#4598ed

#167fe9

#1265ba

#0d4c8c

#09335d

#04192f

Tints of #56A2EF

#56a2ef

#68acf1

#7ab6f2

#8dc0f4

#9fcaf6

#b1d4f8

#c3def9

#d5e8fb

#e8f2fd

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.69:1
AA NormalFailAAAFail

Sample Text

On Black7.81:1
AA NormalPassAAAPass
Full contrast analysis →