#5678E2

86, 120, 226

#5678E2

Custom color #5678E2 with RGB values 86, 120, 226.

HEX#5678E2

RGB86, 120, 226

HSL225°, 71%, 61%

CMYK62%, 47%, 0%, 11%

CSS Variable--color: #5678e2;

Use in Generator Check Contrast View on Wheel

Shades of #5678E2

#d3dcf8

#a8b9f0

#7c97e9

#5174e1

#2551da

#1e41ae

#163183

#0f2057

#07102c

Tints of #5678E2

#5678e2

#6887e5

#7b95e8

#8da4eb

#a0b3ef

#b2c2f2

#c4d0f5

#d7dff8

#e9eefb

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White4.05:1

AA NormalFailAAAFail

Sample Text

On Black5.18:1

AA NormalPassAAAFail

Full contrast analysis →