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

Analogous

Triadic

Sample Text

On White2.97:1

AA NormalFailAAAFail

Sample Text

On Black7.08:1

AA NormalPassAAAPass

Full contrast analysis →