#56A4F2

86, 164, 242

#56A4F2

Custom color #56A4F2 with RGB values 86, 164, 242.

HEX#56A4F2

RGB86, 164, 242

HSL210°, 86%, 64%

CMYK64%, 32%, 0%, 5%

CSS Variable--color: #56a4f2;

Use in Generator Check Contrast View on Wheel

Shades of #56A4F2

#d0e5fb

#a0ccf8

#71b2f4

#4299f0

#127fed

#0f66bd

#0b4c8e

#07335f

#04192f

Tints of #56A4F2

#56a4f2

#68aef3

#7ab8f5

#8cc1f6

#9fcbf8

#b1d5f9

#c3dffa

#d5e8fc

#e7f2fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.63:1

AA NormalFailAAAFail

Sample Text

On Black7.99:1

AA NormalPassAAAPass

Full contrast analysis →