#56A4D3

86, 164, 211

#56A4D3

Custom color #56A4D3 with RGB values 86, 164, 211.

HEX#56A4D3
RGB86, 164, 211
HSL203°, 59%, 58%
CMYK59%, 22%, 0%, 17%
CSS Variable--color: #56a4d3;
Use in GeneratorCheck ContrastView on Wheel

Shades of #56A4D3

#d7e9f4

#aed3ea

#86bedf

#5da8d5

#3592ca

#2a75a2

#205879

#153a51

#0b1d28

Tints of #56A4D3

#56a4d3

#69aed8

#7bb8dd

#8ec2e2

#a0cce6

#b3d6eb

#c6e0f0

#d8eaf5

#ebf4fa

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.75:1
AA NormalFailAAAFail

Sample Text

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