#56A6E2

86, 166, 226

#56A6E2

Custom color #56A6E2 with RGB values 86, 166, 226.

HEX#56A6E2

RGB86, 166, 226

HSL206°, 71%, 61%

CMYK62%, 27%, 0%, 11%

CSS Variable--color: #56a6e2;

Use in Generator Check Contrast View on Wheel

Shades of #56A6E2

#d3e8f8

#a8d1f0

#7cbae9

#51a3e1

#258cda

#1e70ae

#165483

#0f3857

#071c2c

Tints of #56A6E2

#56a6e2

#68b0e5

#7bb9e8

#8dc3eb

#a0cdef

#b2d6f2

#c4e0f5

#d7eaf8

#e9f4fb

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.64:1

AA NormalFailAAAFail

Sample Text

On Black7.95:1

AA NormalPassAAAPass

Full contrast analysis →