#5696D3

86, 150, 211

#5696D3

Custom color #5696D3 with RGB values 86, 150, 211.

HEX#5696D3

RGB86, 150, 211

HSL209°, 59%, 58%

CMYK59%, 29%, 0%, 17%

CSS Variable--color: #5696d3;

Use in Generator Check Contrast View on Wheel

Shades of #5696D3

#d7e6f4

#aecdea

#86b4df

#5d9ad5

#3581ca

#2a67a2

#204e79

#153451

#0b1a28

Tints of #5696D3

#5696d3

#69a2d8

#7baddd

#8eb9e2

#a0c4e6

#b3d0eb

#c6dbf0

#d8e7f5

#ebf2fa

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White3.13:1

AA NormalFailAAAFail

Sample Text

On Black6.70:1

AA NormalPassAAAFail

Full contrast analysis →