#5674E2

86, 116, 226

#5674E2

Custom color #5674E2 with RGB values 86, 116, 226.

HEX#5674E2

RGB86, 116, 226

HSL227°, 71%, 61%

CMYK62%, 49%, 0%, 11%

CSS Variable--color: #5674e2;

Use in Generator Check Contrast View on Wheel

Shades of #5674E2

#d3dbf8

#a8b7f0

#7c94e9

#5170e1

#254cda

#1e3dae

#162e83

#0f1e57

#070f2c

Tints of #5674E2

#5674e2

#6883e5

#7b92e8

#8da1eb

#a0b1ef

#b2c0f2

#c4cff5

#d7def8

#e9edfb

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White4.21:1

AA NormalFailAAAFail

Sample Text

On Black4.99:1

AA NormalPassAAAFail

Full contrast analysis →