#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 Generator Check Contrast View 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

Analogous

Triadic

Sample Text

On White2.98:1

AA NormalFailAAAFail

Sample Text

On Black7.04:1

AA NormalPassAAAPass

Full contrast analysis →