#56A4DF

86, 164, 223

#56A4DF

Custom color #56A4DF with RGB values 86, 164, 223.

HEX#56A4DF
RGB86, 164, 223
HSL206°, 68%, 61%
CMYK61%, 26%, 0%, 13%
CSS Variable--color: #56a4df;
Use in GeneratorCheck ContrastView on Wheel

Shades of #56A4DF

#d4e8f7

#a9d1ef

#7ebae7

#53a3df

#298cd6

#2070ac

#185481

#103856

#081c2b

Tints of #56A4DF

#56a4df

#68aee2

#7bb8e6

#8dc2e9

#a0cced

#b2d6f0

#c5e0f4

#d7eaf7

#eaf3fb

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.70:1
AA NormalFailAAAFail

Sample Text

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