#56A5E0

86, 165, 224

#56A5E0

Custom color #56A5E0 with RGB values 86, 165, 224.

HEX#56A5E0

RGB86, 165, 224

HSL206°, 69%, 61%

CMYK62%, 26%, 0%, 12%

CSS Variable--color: #56a5e0;

Use in Generator Check Contrast View on Wheel

Shades of #56A5E0

#d4e8f7

#a9d1ef

#7ebae7

#53a3df

#288cd7

#2070ac

#185481

#103856

#081c2b

Tints of #56A5E0

#56a5e0

#68afe3

#7bb9e7

#8dc2ea

#a0ccee

#b2d6f1

#c5e0f4

#d7eaf8

#e9f4fb

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.67:1

AA NormalFailAAAFail

Sample Text

On Black7.85:1

AA NormalPassAAAPass

Full contrast analysis →