#56A5B2

86, 165, 178

#56A5B2

Custom color #56A5B2 with RGB values 86, 165, 178.

HEX#56A5B2
RGB86, 165, 178
HSL188°, 37%, 52%
CMYK52%, 7%, 0%, 30%
CSS Variable--color: #56a5b2;
Use in GeneratorCheck ContrastView on Wheel

Shades of #56A5B2

#dcecef

#b9dadf

#96c7cf

#73b4bf

#50a2af

#40818c

#306169

#204146

#102023

Tints of #56A5B2

#56a5b2

#69afbb

#7cb9c3

#8fc3cc

#a2cdd5

#b5d7dd

#c8e2e6

#dbecee

#edf6f7

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.83:1
AA NormalFailAAAFail

Sample Text

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