#5696EC

86, 150, 236

#5696EC

Custom color #5696EC with RGB values 86, 150, 236.

HEX#5696EC
RGB86, 150, 236
HSL214°, 80%, 63%
CMYK64%, 36%, 0%, 7%
CSS Variable--color: #5696ec;
Use in GeneratorCheck ContrastView on Wheel

Shades of #5696EC

#d1e3fa

#a3c6f5

#75aaf0

#488dea

#1a71e5

#155ab7

#0f448a

#0a2d5c

#05172e

Tints of #5696EC

#5696ec

#68a1ee

#7badf0

#8db8f2

#9fc3f4

#b1cff6

#c4daf8

#d6e5fa

#e8f1fc

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White3.01:1
AA NormalFailAAAFail

Sample Text

On Black6.97:1
AA NormalPassAAAFail
Full contrast analysis →