#56A2F5

86, 162, 245

#56A2F5

Custom color #56A2F5 with RGB values 86, 162, 245.

HEX#56A2F5

RGB86, 162, 245

HSL211°, 89%, 65%

CMYK65%, 34%, 0%, 4%

CSS Variable--color: #56a2f5;

Use in Generator Check Contrast View on Wheel

Shades of #56A2F5

#cfe5fc

#9fcaf9

#6fb0f6

#3e95f4

#0e7bf1

#0b62c1

#094a90

#063160

#031930

Tints of #56A2F5

#56a2f5

#68acf6

#7ab6f7

#8cc0f8

#9ecaf9

#b1d4fa

#c3defb

#d5e8fd

#e7f2fe

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.66:1

AA NormalFailAAAFail

Sample Text

On Black7.88:1

AA NormalPassAAAPass

Full contrast analysis →