#56A3E2

86, 163, 226

#56A3E2

Custom color #56A3E2 with RGB values 86, 163, 226.

HEX#56A3E2

RGB86, 163, 226

HSL207°, 71%, 61%

CMYK62%, 28%, 0%, 11%

CSS Variable--color: #56a3e2;

Use in Generator Check Contrast View on Wheel

Shades of #56A3E2

#d3e7f8

#a8d0f0

#7cb8e9

#51a0e1

#2589da

#1e6dae

#165283

#0f3757

#071b2c

Tints of #56A3E2

#56a3e2

#68ade5

#7bb7e8

#8dc1eb

#a0cbef

#b2d5f2

#c4dff5

#d7e9f8

#e9f3fb

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.72:1

AA NormalFailAAAFail

Sample Text

On Black7.73:1

AA NormalPassAAAPass

Full contrast analysis →