#5696EF

86, 150, 239

#5696EF

Custom color #5696EF with RGB values 86, 150, 239.

HEX#5696EF
RGB86, 150, 239
HSL215°, 83%, 64%
CMYK64%, 37%, 0%, 6%
CSS Variable--color: #5696ef;
Use in GeneratorCheck ContrastView on Wheel

Shades of #5696EF

#d0e2fb

#a2c5f6

#73a8f2

#458bed

#166ee9

#1258ba

#0d428c

#092c5d

#04162f

Tints of #5696EF

#5696ef

#68a1f1

#7aadf2

#8db8f4

#9fc3f6

#b1cff8

#c3daf9

#d5e5fb

#e8f1fd

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White3.00:1
AA NormalFailAAAFail

Sample Text

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