#5678F2

86, 120, 242

#5678F2

Custom color #5678F2 with RGB values 86, 120, 242.

HEX#5678F2

RGB86, 120, 242

HSL227°, 86%, 64%

CMYK64%, 50%, 0%, 5%

CSS Variable--color: #5678f2;

Use in Generator Check Contrast View on Wheel

Shades of #5678F2

#d0d9fb

#a0b3f8

#718ef4

#4268f0

#1242ed

#0f35bd

#0b288e

#071a5f

#040d2f

Tints of #5678F2

#5678f2

#6887f3

#7a95f5

#8ca4f6

#9fb2f8

#b1c1f9

#c3cffa

#d5defc

#e7ecfd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White3.91:1

AA NormalFailAAAFail

Sample Text

On Black5.36:1

AA NormalPassAAAFail

Full contrast analysis →