#56A2D6

86, 162, 214

#56A2D6

Custom color #56A2D6 with RGB values 86, 162, 214.

HEX#56A2D6
RGB86, 162, 214
HSL204°, 61%, 59%
CMYK60%, 24%, 0%, 16%
CSS Variable--color: #56a2d6;
Use in GeneratorCheck ContrastView on Wheel

Shades of #56A2D6

#d6e8f5

#add2eb

#84bbe1

#5ba5d7

#328ecd

#2872a4

#1e557b

#143952

#0a1c29

Tints of #56A2D6

#56a2d6

#69acdb

#7bb6df

#8ec1e4

#a0cbe8

#b3d5ed

#c5dff1

#d8e9f6

#eaf4fa

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.79:1
AA NormalFailAAAFail

Sample Text

On Black7.53:1
AA NormalPassAAAPass
Full contrast analysis →