#316aa2 HTML Color

Hex Color Code	#316aa2
RGB Color Code	rgb(49, 106, 162)
HSL Color Code	hsl(209.73, 53.55%, 41.37%)
CMYK	0.7, 0.35, 0, 0.36
Color Group	Cyan Blue
Complement	#a26931
RGB (Percent)	19.22%, 41.57%, 63.53%
HSL (Decimal)	0.58, 0.54, 0.41
Type	Dark / Cool

Lighter than #316aa2

#aac9e6

#9ec1e2

#92badf

#86b2db

#7aaad7

#6ea2d4

#629ad0

#5692cc

#4a8ac8

#3e82c4

#397aba

#3572ae

Darker than #316aa2

#2d6296

#295a8a

#25527e

#224a72

#1e4266

#1b3a5a

#17324e

#142a42

#102336

#0d1b2a

#09131e

#050c12

Shades of #316aa2

#11283d

#142e46

#173551

#1b3d5d

#1f466b

#24507b

#2a5c8d

Tones of #316aa2

#b0bbc6

#abb8c5

#a6b5c4

#a0b1c2

#99adc0

#91a8be

#88a2bb

#7e9bb8

#7294b5

#658cb1

#5682ad

#4577a8

Tints of #316aa2

#d3deea

#cddae7

#c6d5e4

#becfe1

#b5c9dd

#abc2d9

#a0bad4

#93b1ce

#84a6c7

#739ac0

#608cb7

#4a7cad

#316aa2 Color Harmonies

Monochromatic

#99b5d1

#193551

#ccdae7

#244f79

#72879c

#12273c

#99a3ad

Analogous

#31a268

#31a27e

#31a295

#3199a2

#3182a2

#316ba2

#3155a2

#313ea2

#3a31a2

#5131a2

#6831a2

Tetrad

#a231a2

#a26931

#32a231

Triad

#a2316a

#6aa231

Split Complementary

#8031a2

#97a231

Other Complementary

#a16831

#99b5d1

#d0b499

#244f79

#784e24

#72879c

#9c8772

How to Use

Text / Font Color:
color: #316aa2;

Example text using the color #316aa2.

Background Color:
background-color: #316aa2;

Border Color:
border-color: #316aa2;

Box Shadow Color:
box-shadow: 2px 2px 4px #316aa2;

Text Shadow Color:
text-shadow: 2px 2px 2px #316aa2;

Example text shadow using the color #316aa2.

#316aa2 Color Description

The #316aa2 HTML color code is made up of 49 Red, 106 Green, and 162 Blue. This color's complement is #a26931, which is the opposite on the color wheel. The hue is at 209.73 degrees, with a saturation value at 53.55 percent and a lightness value of 41.37 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 70% Cyan, 35% Magenta, 0% Yellow, and 36% key (black). Colors that look similar, to the #316aa2 color, may be found within the Cyan Blue Color Codes Group.