#56A4E2

86, 164, 226

#56A4E2

Custom color #56A4E2 with RGB values 86, 164, 226.

HEX#56A4E2

RGB86, 164, 226

HSL207°, 71%, 61%

CMYK62%, 27%, 0%, 11%

CSS Variable--color: #56a4e2;

Use in Generator Check Contrast View on Wheel

Shades of #56A4E2

#d3e8f8

#a8d0f0

#7cb9e9

#51a1e1

#258ada

#1e6eae

#165383

#0f3757

#071c2c

Tints of #56A4E2

#56a4e2

#68aee5

#7bb8e8

#8dc2eb

#a0ccef

#b2d6f2

#c4dff5

#d7e9f8

#e9f3fb

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.69:1

AA NormalFailAAAFail

Sample Text

On Black7.80:1

AA NormalPassAAAPass

Full contrast analysis →