#5688FF

86, 136, 255

#5688FF

Custom color #5688FF with RGB values 86, 136, 255.

HEX#5688FF
RGB86, 136, 255
HSL222°, 100%, 67%
CMYK66%, 47%, 0%, 0%
CSS Variable--color: #5688ff;
Use in GeneratorCheck ContrastView on Wheel

Shades of #5688FF

#ccdbff

#99b7ff

#6693ff

#336fff

#004bff

#003ccc

#002d99

#001e66

#000f33

Tints of #5688FF

#5688ff

#6895ff

#7aa1ff

#8caeff

#9ebbff

#b0c7ff

#c2d4ff

#d4e0ff

#e5edff

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White3.30:1
AA NormalFailAAAFail

Sample Text

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