#5696F2

86, 150, 242

#5696F2

Custom color #5696F2 with RGB values 86, 150, 242.

HEX#5696F2
RGB86, 150, 242
HSL215°, 86%, 64%
CMYK64%, 38%, 0%, 5%
CSS Variable--color: #5696f2;
Use in GeneratorCheck ContrastView on Wheel

Shades of #5696F2

#d0e2fb

#a0c4f8

#71a7f4

#4289f0

#126ced

#0f56bd

#0b418e

#072b5f

#04162f

Tints of #5696F2

#5696f2

#68a1f3

#7aadf5

#8cb8f6

#9fc3f8

#b1cef9

#c3dafa

#d5e5fc

#e7f0fd

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.98:1
AA NormalFailAAAFail

Sample Text

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