#5683E2

86, 131, 226

#5683E2

Custom color #5683E2 with RGB values 86, 131, 226.

HEX#5683E2

RGB86, 131, 226

HSL221°, 71%, 61%

CMYK62%, 42%, 0%, 11%

CSS Variable--color: #5683e2;

Use in Generator Check Contrast View on Wheel

Shades of #5683E2

#d3dff8

#a8bff0

#7c9fe9

#517fe1

#255fda

#1e4cae

#163983

#0f2657

#07132c

Tints of #5683E2

#5683e2

#6891e5

#7b9ee8

#8daceb

#a0b9ef

#b2c7f2

#c4d4f5

#d7e2f8

#e9effb

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White3.66:1

AA NormalFailAAAFail

Sample Text

On Black5.74:1

AA NormalPassAAAFail

Full contrast analysis →