#56BAE2

86, 186, 226

#56BAE2

Custom color #56BAE2 with RGB values 86, 186, 226.

HEX#56BAE2

RGB86, 186, 226

HSL197°, 71%, 61%

CMYK62%, 18%, 0%, 11%

CSS Variable--color: #56bae2;

Use in Generator Check Contrast View on Wheel

Shades of #56BAE2

#d3edf8

#a8dbf0

#7ccae9

#51b8e1

#25a6da

#1e85ae

#166483

#0f4257

#07212c

Tints of #56BAE2

#56bae2

#68c2e5

#7bc9e8

#8dd1eb

#a0d8ef

#b2e0f2

#c4e7f5

#d7eff8

#e9f6fb

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.21:1

AA NormalFailAAAFail

Sample Text

On Black9.52:1

AA NormalPassAAAPass

Full contrast analysis →