#5696F3

86, 150, 243

#5696F3

Custom color #5696F3 with RGB values 86, 150, 243.

HEX#5696F3

RGB86, 150, 243

HSL216°, 87%, 65%

CMYK65%, 38%, 0%, 5%

CSS Variable--color: #5696f3;

Use in Generator Check Contrast View on Wheel

Shades of #5696F3

#cfe1fc

#a0c4f8

#70a6f5

#4189f1

#116bee

#0e56be

#0a408f

#072b5f

#031530

Tints of #5696F3

#5696f3

#68a1f4

#7aadf6

#8cb8f7

#9fc3f8

#b1cef9

#c3dafb

#d5e5fc

#e7f0fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.98:1

AA NormalFailAAAFail

Sample Text

On Black7.05:1

AA NormalPassAAAPass

Full contrast analysis →