#5686FF

86, 134, 255

#5686FF

Custom color #5686FF with RGB values 86, 134, 255.

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

Shades of #5686FF

#ccdaff

#99b6ff

#6691ff

#336dff

#0048ff

#003acc

#002b99

#001d66

#000e33

Tints of #5686FF

#5686ff

#6893ff

#7aa0ff

#8cadff

#9eb9ff

#b0c6ff

#c2d3ff

#d4e0ff

#e5edff

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White3.36:1
AA NormalFailAAAFail

Sample Text

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