#5685E2

86, 133, 226

#5685E2

Custom color #5685E2 with RGB values 86, 133, 226.

HEX#5685E2

RGB86, 133, 226

HSL220°, 71%, 61%

CMYK62%, 41%, 0%, 11%

CSS Variable--color: #5685e2;

Use in Generator Check Contrast View on Wheel

Shades of #5685E2

#d3e0f8

#a8c0f0

#7ca1e9

#5181e1

#2562da

#1e4eae

#163b83

#0f2757

#07142c

Tints of #5685E2

#5685e2

#6892e5

#7ba0e8

#8dadeb

#a0baef

#b2c7f2

#c4d5f5

#d7e2f8

#e9effb

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White3.59:1

AA NormalFailAAAFail

Sample Text

On Black5.85:1

AA NormalPassAAAFail

Full contrast analysis →