#56A2F2

86, 162, 242

#56A2F2

Custom color #56A2F2 with RGB values 86, 162, 242.

HEX#56A2F2

RGB86, 162, 242

HSL211°, 86%, 64%

CMYK64%, 33%, 0%, 5%

CSS Variable--color: #56a2f2;

Use in Generator Check Contrast View on Wheel

Shades of #56A2F2

#d0e5fb

#a0cbf8

#71b1f4

#4297f0

#127ded

#0f64bd

#0b4b8e

#07325f

#04192f

Tints of #56A2F2

#56a2f2

#68acf3

#7ab6f5

#8cc0f6

#9fcaf8

#b1d4f9

#c3defa

#d5e8fc

#e7f2fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.68:1

AA NormalFailAAAFail

Sample Text

On Black7.85:1

AA NormalPassAAAPass

Full contrast analysis →