#56A5E2

86, 165, 226

#56A5E2

Custom color #56A5E2 with RGB values 86, 165, 226.

HEX#56A5E2

RGB86, 165, 226

HSL206°, 71%, 61%

CMYK62%, 27%, 0%, 11%

CSS Variable--color: #56a5e2;

Use in Generator Check Contrast View on Wheel

Shades of #56A5E2

#d3e8f8

#a8d1f0

#7cb9e9

#51a2e1

#258bda

#1e6fae

#165383

#0f3857

#071c2c

Tints of #56A5E2

#56a5e2

#68afe5

#7bb9e8

#8dc2eb

#a0ccef

#b2d6f2

#c4e0f5

#d7eaf8

#e9f3fb

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.67:1

AA NormalFailAAAFail

Sample Text

On Black7.88:1

AA NormalPassAAAPass

Full contrast analysis →