#5679E2

86, 121, 226

#5679E2

Custom color #5679E2 with RGB values 86, 121, 226.

HEX#5679E2

RGB86, 121, 226

HSL225°, 71%, 61%

CMYK62%, 46%, 0%, 11%

CSS Variable--color: #5679e2;

Use in Generator Check Contrast View on Wheel

Shades of #5679E2

#d3dcf8

#a8baf0

#7c97e9

#5175e1

#2552da

#1e42ae

#163183

#0f2157

#07102c

Tints of #5679E2

#5679e2

#6888e5

#7b96e8

#8da5eb

#a0b3ef

#b2c2f2

#c4d1f5

#d7dff8

#e9eefb

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White4.02:1

AA NormalFailAAAFail

Sample Text

On Black5.23:1

AA NormalPassAAAFail

Full contrast analysis →