#56A5E3

86, 165, 227

#56A5E3

Custom color #56A5E3 with RGB values 86, 165, 227.

HEX#56A5E3

RGB86, 165, 227

HSL206°, 72%, 61%

CMYK62%, 27%, 0%, 11%

CSS Variable--color: #56a5e3;

Use in Generator Check Contrast View on Wheel

Shades of #56A5E3

#d3e8f8

#a7d0f1

#7cb9e9

#50a2e2

#248bdb

#1d6faf

#165383

#0e3758

#071c2c

Tints of #56A5E3

#56a5e3

#68afe6

#7bb9e9

#8dc2ec

#a0ccef

#b2d6f2

#c4e0f5

#d7eaf8

#e9f3fb

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.66:1

AA NormalFailAAAFail

Sample Text

On Black7.89:1

AA NormalPassAAAPass

Full contrast analysis →