#56BDE2

86, 189, 226

#56BDE2

Custom color #56BDE2 with RGB values 86, 189, 226.

HEX#56BDE2
RGB86, 189, 226
HSL196°, 71%, 61%
CMYK62%, 16%, 0%, 11%
CSS Variable--color: #56bde2;
Use in GeneratorCheck ContrastView on Wheel

Shades of #56BDE2

#d3eef8

#a8ddf0

#7ccce9

#51bbe1

#25aada

#1e88ae

#166683

#0f4457

#07222c

Tints of #56BDE2

#56bde2

#68c4e5

#7bcbe8

#8dd3eb

#a0daef

#b2e1f2

#c4e8f5

#d7eff8

#e9f6fb

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.15:1
AA NormalFailAAAFail

Sample Text

On Black9.77:1
AA NormalPassAAAPass
Full contrast analysis →