#56A6F2

86, 166, 242

#56A6F2

Custom color #56A6F2 with RGB values 86, 166, 242.

HEX#56A6F2

RGB86, 166, 242

HSL209°, 86%, 64%

CMYK64%, 31%, 0%, 5%

CSS Variable--color: #56a6f2;

Use in Generator Check Contrast View on Wheel

Shades of #56A6F2

#d0e6fb

#a0cdf8

#71b4f4

#429bf0

#1282ed

#0f68bd

#0b4e8e

#07345f

#041a2f

Tints of #56A6F2

#56a6f2

#68b0f3

#7ab9f5

#8cc3f6

#9fccf8

#b1d6f9

#c3dffa

#d5e9fc

#e7f3fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.58:1

AA NormalFailAAAFail

Sample Text

On Black8.13:1

AA NormalPassAAAPass

Full contrast analysis →