#316996 hex color

In a RGB color space, hex #316996 is composed of 19.2% red, 41.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 30% magenta, 0% yellow and 41.2% black. It has a hue angle of 206.7 degrees, a saturation of 50.8% and a lightness of 39%. #316996 color hex could be obtained by blending #62d2ff with #00002d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 41
- B 59
RGB color chart
- C 67
- M 30
- Y 0
- K 41
CMYK color chart

● #316996 color description : Dark moderate blue.

The hexadecimal color #316996 has RGB values of R:49, G:105, B:150 and CMYK values of C:0.67, M:0.3, Y:0, K:0.41. Its decimal value is 3238294.

Hex triplet	316996	`#316996`
RGB Decimal	49, 105, 150	`rgb(49,105,150)`
RGB Percent	19.2, 41.2, 58.8	`rgb(19.2%,41.2%,58.8%)`
CMYK	67, 30, 0, 41
HSL	206.7°, 50.8, 39	`hsl(206.7,50.8%,39%)`
HSV (or HSB)	206.7°, 67.3, 58.8
Web Safe	336699	`#336699`

CIE-LAB	42.699, -3.426, -29.985
XYZ	11.822, 12.957, 30.73
xyY	0.213, 0.233, 12.957
CIE-LCH	42.699, 30.18, 263.481
CIE-LUV	42.699, -21.845, -43.018
Hunter-Lab	35.996, -4.37, -25.419
Binary	00110001, 01101001, 10010110

#316996
```
#316996 rgb(49,105,150)
```
#965e31
```
#965e31 rgb(150,94,49)
```

Complementary Color

#319691
```
#319691 rgb(49,150,145)
```
#316996
```
#316996 rgb(49,105,150)
```
#313796
```
#313796 rgb(49,55,150)
```

Analogous Color

#969131
```
#969131 rgb(150,145,49)
```
#316996
```
#316996 rgb(49,105,150)
```
#963137
```
#963137 rgb(150,49,55)
```

Split Complementary Color

#699631
```
#699631 rgb(105,150,49)
```
#316996
```
#316996 rgb(49,105,150)
```
#963169
```
#963169 rgb(150,49,105)
```

Triadic Color

#31965e
```
#31965e rgb(49,150,94)
```
#316996
```
#316996 rgb(49,105,150)
```
#963169
```
#963169 rgb(150,49,105)
```
#965e31
```
#965e31 rgb(150,94,49)
```

Tetradic Color

#1e415c
```
#1e415c rgb(30,65,92)
```
#244e70
```
#244e70 rgb(36,78,112)
```
#2b5c83
```
#2b5c83 rgb(43,92,131)
```
#316996
```
#316996 rgb(49,105,150)
```
#3776a9
```
#3776a9 rgb(55,118,169)
```
#3e84bc
```
#3e84bc rgb(62,132,188)
```
#4e90c5
```
#4e90c5 rgb(78,144,197)
```

Monochromatic Color

Below, you can see some colors close to #316996. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#318296
```
#318296 rgb(49,130,150)
```
#317a96
```
#317a96 rgb(49,122,150)
```
#317196
```
#317196 rgb(49,113,150)
```
#316996
```
#316996 rgb(49,105,150)
```
#316196
```
#316196 rgb(49,97,150)
```
#315896
```
#315896 rgb(49,88,150)
```
#315096
```
#315096 rgb(49,80,150)
```

Similar Colors

Text with hexadecimal color #316996

This text has a font color of #316996.

<span style="color:#316996;">Text here</span>

#316996 background color

This paragraph has a background color of #316996.

<p style="background-color:#316996;">Content here</p>

#316996 border color

This element has a border color of #316996.

<div style="border:1px solid #316996;">Content here</div>

CSS codes

.text {color:#316996;}

.background {background-color:#316996;}

.border {border:1px solid #316996;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #010202 is the darkest color, while #f2f7fb is the lightest one.

#010202
```
#010202 rgb(1,2,2)
```
#060c11
```
#060c11 rgb(6,12,17)
```
#0a1620
```
#0a1620 rgb(10,22,32)
```
#0f212f
```
#0f212f rgb(15,33,47)
```
#142b3d
```
#142b3d rgb(20,43,61)
```
#19354c
```
#19354c rgb(25,53,76)
```
#1e405b
```
#1e405b rgb(30,64,91)
```
#234a6a
```
#234a6a rgb(35,74,106)
```
#275478
```
#275478 rgb(39,84,120)
```
#2c5f87
```
#2c5f87 rgb(44,95,135)
```
#316996
```
#316996 rgb(49,105,150)
```
#3673a5
```
#3673a5 rgb(54,115,165)
```
#3b7eb4
```
#3b7eb4 rgb(59,126,180)
```

Shade Color Variation

#4188c1
```
#4188c1 rgb(65,136,193)
```
#5091c6
```
#5091c6 rgb(80,145,198)
```
#5f9acb
```
#5f9acb rgb(95,154,203)
```
#6da4cf
```
#6da4cf rgb(109,164,207)
```
#7cadd4
```
#7cadd4 rgb(124,173,212)
```
#8bb6d9
```
#8bb6d9 rgb(139,182,217)
```
#9abfde
```
#9abfde rgb(154,191,222)
```
#a8c9e3
```
#a8c9e3 rgb(168,201,227)
```
#b7d2e8
```
#b7d2e8 rgb(183,210,232)
```
#c6dbec
```
#c6dbec rgb(198,219,236)
```
#d5e5f1
```
#d5e5f1 rgb(213,229,241)
```
#e4eef6
```
#e4eef6 rgb(228,238,246)
```
#f2f7fb
```
#f2f7fb rgb(242,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6468 is the less saturated color, while #036ec4 is the most saturated one.

#5f6468
```
#5f6468 rgb(95,100,104)
```
#576570
```
#576570 rgb(87,101,112)
```
#506677
```
#506677 rgb(80,102,119)
```
#48667f
```
#48667f rgb(72,102,127)
```
#406787
```
#406787 rgb(64,103,135)
```
#39688e
```
#39688e rgb(57,104,142)
```
#316996
```
#316996 rgb(49,105,150)
```
#296a9e
```
#296a9e rgb(41,106,158)
```
#226ba5
```
#226ba5 rgb(34,107,165)
```
#1a6cad
```
#1a6cad rgb(26,108,173)
```
#126cb5
```
#126cb5 rgb(18,108,181)
```
#0b6dbc
```
#0b6dbc rgb(11,109,188)
```
#036ec4
```
#036ec4 rgb(3,110,196)
```

Tone Color Variation

Below, you can see how #316996 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#5d5d5d Achromatopsia 0.005% of the population
#545f68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d6b97 Protanopia 1% of men
#546c9d Deuteranopia 1% of men
#25767f Tritanopia 0.001% of the population

Trichromacy

#4d6a96 Protanomaly 1% of men, 0.01% of women
#476b9a Deuteranomaly 6% of men, 0.4% of women
#297187 Tritanomaly 0.01% of the population

#316996 hex color

#316996 Color Information

#316996 Color Conversion

Color Schemes with #316996

Alternatives to #316996

#316996 Preview

Shades and Tints of #316996

Tones of #316996

Color Blindness Simulator