#5682ad HTML Color

Hex Color Code #5682ad
RGB Color Code rgb(86, 130, 173)
HSL Color Code hsl(209.66, 34.66%, 50.78%)
CMYK 0.5, 0.25, 0, 0.32
Color Group

Cyan Blue
Complement

#ad8156
RGB (Percent) 33.73%, 50.98%, 67.84%
HSL (Decimal) 0.58, 0.35, 0.51
Type Dark / Cool

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

Lighter than #5682ad

#cedce9

#c4d5e4

#bacedf

#b0c6da

#a6bfd5

#9cb8d0

#92b0cb

#88a9c6

#7ea2c1

#749abc

#6a92b7

#608ab2

Darker than #5682ad

#507aa4

#4b729a

#466a90

#416286

#3c5a7c

#375372

#324b68

#2d445e

#283d54

#23354a

#1e2e40

#192736

Shades of #5682ad

#111b24

#141f2a

#172431

#1b2a39

#1f3142

#24384c

#2a4057

#314a64

#385573

#416284

#4b7197

Tones of #5682ad

#b7c0c8

#b4bec7

#b0bbc6

#abb8c5

#a6b5c4

#a0b1c2

#99adc0

#91a8be

#88a2bb

#7e9bb8

#7294b5

#658cb1

Tints of #5682ad

#dae3ec

#d5e0ea

#d0dce7

#cad7e4

#c3d2e1

#bbccdd

#b2c5d9

#a7bdd4

#9bb4ce

#8daac7

#7d9ec0

#6b91b7
How to Use

Text / Font Color:
color: #5682ad;

Example text using the color #5682ad.

Background Color:
background-color: #5682ad;

Border Color:
border-color: #5682ad;

Box Shadow Color:
box-shadow: 2px 2px 4px #5682ad;

Text Shadow Color:
text-shadow: 2px 2px 2px #5682ad;

Example text shadow using the color #5682ad.

#5682ad Color Description

The #5682ad HTML color code is made up of 86 Red, 130 Green, and 173 Blue. This color's complement is #ad8156, which is the opposite on the color wheel. The hue is at 209.66 degrees, with a saturation value at 34.66 percent and a lightness value of 50.78 percent. Therefore, this color can be considered to be dark, and have cool color temperature. In the CMYK color model (used in the printing process), the composition is 50% Cyan, 25% Magenta, 0% Yellow, and 32% key (black). Colors that look similar, to the #5682ad color, may be found within the Cyan Blue Color Codes Group.