#5696F5

86, 150, 245

#5696F5

Custom color #5696F5 with RGB values 86, 150, 245.

HEX#5696F5
RGB86, 150, 245
HSL216°, 89%, 65%
CMYK65%, 39%, 0%, 4%
CSS Variable--color: #5696f5;
Use in GeneratorCheck ContrastView on Wheel

Shades of #5696F5

#cfe1fc

#9fc3f9

#6fa5f6

#3e87f4

#0e69f1

#0b54c1

#093f90

#062a60

#031530

Tints of #5696F5

#5696f5

#68a1f6

#7aadf7

#8cb8f8

#9ec3f9

#b1cefa

#c3dafb

#d5e5fd

#e7f0fe

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.97:1
AA NormalFailAAAFail

Sample Text

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