#5696D2

86, 150, 210

#5696D2

Custom color #5696D2 with RGB values 86, 150, 210.

HEX#5696D2

RGB86, 150, 210

HSL209°, 58%, 58%

CMYK59%, 29%, 0%, 18%

CSS Variable--color: #5696d2;

Use in Generator Check Contrast View on Wheel

Shades of #5696D2

#d7e6f4

#aecdea

#86b4df

#5e9bd4

#3682c9

#2b68a1

#204e79

#153451

#0b1a28

Tints of #5696D2

#5696d2

#69a2d7

#7baddc

#8eb9e1

#a0c4e6

#b3d0eb

#c6dbf0

#d8e7f5

#ebf2fa

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White3.14:1

AA NormalFailAAAFail

Sample Text

On Black6.69:1

AA NormalPassAAAFail

Full contrast analysis →