#56A2E2

86, 162, 226

#56A2E2

Custom color #56A2E2 with RGB values 86, 162, 226.

HEX#56A2E2

RGB86, 162, 226

HSL207°, 71%, 61%

CMYK62%, 28%, 0%, 11%

CSS Variable--color: #56a2e2;

Use in Generator Check Contrast View on Wheel

Shades of #56A2E2

#d3e7f8

#a8cff0

#7cb7e9

#519fe1

#2587da

#1e6cae

#165183

#0f3657

#071b2c

Tints of #56A2E2

#56a2e2

#68ace5

#7bb6e8

#8dc0eb

#a0cbef

#b2d5f2

#c4dff5

#d7e9f8

#e9f3fb

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.74:1

AA NormalFailAAAFail

Sample Text

On Black7.66:1

AA NormalPassAAAPass

Full contrast analysis →