#5696d7 HTML Color

Hex Color Code #5696d7
RGB Color Code rgb(86, 150, 215)
HSL Color Code hsl(210.23, 61.72%, 59.02%)
CMYK 0.6, 0.3, 0, 0.16
Color Group

Cyan Blue
Complement

#d79756
RGB (Percent) 33.73%, 58.82%, 84.31%
HSL (Decimal) 0.58, 0.62, 0.59
Type Light / Cool

Darker | Lighter | Shades | Tones | Tints | Harmonies | How to Use | Description

Lighter than #5696d7

#ebf3fb

#deebf8

#d1e3f5

#c4dbf2

#b7d4ef

#aaccec

#9ec5e9

#92bde6

#86b6e3

#7aaee0

#6ea6dd

#629eda

Darker than #5696d7

#4a8ed4

#3e86d1

#327ece

#2e76c2

#2b6eb6

#2867aa

#255f9e

#225892

#1f5186

#1c497a

#19426e

#163b62

Shades of #5696d7

#111f30

#142437

#172a3f

#1b3148

#1f3853

#24415f

#2a4b6d

#31567d

#38638f

#4172a4

#4b83bc

Tones of #5696d7

#b7c4d3

#b4c2d3

#b0c0d3

#abbed3

#a6bcd3

#a0b9d3

#99b6d3

#91b2d3

#88aed3

#7ea9d4

#72a3d5

#659dd6

Tints of #5696d7

#dae7f4

#d5e4f3

#d0e1f2

#caddf1

#c3d9ef

#bbd4ed

#b2ceeb

#a7c7e9

#9bc0e6

#8db8e3

#7daee0

#6ba3dc
How to Use

Text / Font Color:
color: #5696d7;

Example text using the color #5696d7.

Background Color:
background-color: #5696d7;

Border Color:
border-color: #5696d7;

Box Shadow Color:
box-shadow: 2px 2px 4px #5696d7;

Text Shadow Color:
text-shadow: 2px 2px 2px #5696d7;

Example text shadow using the color #5696d7.

#5696d7 Color Description

The #5696d7 HTML color code is made up of 86 Red, 150 Green, and 215 Blue. This color's complement is #d79756, which is the opposite on the color wheel. The hue is at 210.23 degrees, with a saturation value at 61.72 percent and a lightness value of 59.02 percent. Therefore, this color can be considered to be light, and have cool color temperature. In the CMYK color model (used in the printing process), the composition is 60% Cyan, 30% Magenta, 0% Yellow, and 16% key (black). Colors that look similar, to the #5696d7 color, may be found within the Cyan Blue Color Codes Group.