#56A0F2

86, 160, 242

#56A0F2

Custom color #56A0F2 with RGB values 86, 160, 242.

HEX#56A0F2

RGB86, 160, 242

HSL212°, 86%, 64%

CMYK64%, 34%, 0%, 5%

CSS Variable--color: #56a0f2;

Use in Generator Check Contrast View on Wheel

Shades of #56A0F2

#d0e4fb

#a0caf8

#71aff4

#4295f0

#127aed

#0f62bd

#0b498e

#07315f

#04182f

Tints of #56A0F2

#56a0f2

#68aaf3

#7ab4f5

#8cbff6

#9fc9f8

#b1d3f9

#c3ddfa

#d5e7fc

#e7f2fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.73:1

AA NormalFailAAAFail

Sample Text

On Black7.71:1

AA NormalPassAAAPass

Full contrast analysis →