#316a99 hex color

In a RGB color space, hex #316a99 is composed of 19.2% red, 41.6% green and 60% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 30.7% magenta, 0% yellow and 40% black. It has a hue angle of 207.1 degrees, a saturation of 51.5% and a lightness of 39.6%. #316a99 color hex could be obtained by blending #62d4ff with #000033. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 42
- B 60
RGB color chart
- C 68
- M 31
- Y 0
- K 40
CMYK color chart

● #316a99 color description : Dark moderate blue.

The hexadecimal color #316a99 has RGB values of R:49, G:106, B:153 and CMYK values of C:0.68, M:0.31, Y:0, K:0.4. Its decimal value is 3238553.

Hex triplet	316a99	`#316a99`
RGB Decimal	49, 106, 153	`rgb(49,106,153)`
RGB Percent	19.2, 41.6, 60	`rgb(19.2%,41.6%,60%)`
CMYK	68, 31, 0, 40
HSL	207.1°, 51.5, 39.6	`hsl(207.1,51.5%,39.6%)`
HSV (or HSB)	207.1°, 68, 60
Web Safe	336699	`#336699`

CIE-LAB	43.152, -2.962, -31.059
XYZ	12.169, 13.26, 32.053
xyY	0.212, 0.231, 13.26
CIE-LCH	43.152, 31.2, 264.551
CIE-LUV	43.152, -22.105, -44.82
Hunter-Lab	36.414, -4.073, -26.699
Binary	00110001, 01101010, 10011001

#316a99
```
#316a99 rgb(49,106,153)
```
#996031
```
#996031 rgb(153,96,49)
```

Complementary Color

#319994
```
#319994 rgb(49,153,148)
```
#316a99
```
#316a99 rgb(49,106,153)
```
#313699
```
#313699 rgb(49,54,153)
```

Analogous Color

#999431
```
#999431 rgb(153,148,49)
```
#316a99
```
#316a99 rgb(49,106,153)
```
#993136
```
#993136 rgb(153,49,54)
```

Split Complementary Color

#6a9931
```
#6a9931 rgb(106,153,49)
```
#316a99
```
#316a99 rgb(49,106,153)
```
#99316a
```
#99316a rgb(153,49,106)
```

Triadic Color

#319960
```
#319960 rgb(49,153,96)
```
#316a99
```
#316a99 rgb(49,106,153)
```
#99316a
```
#99316a rgb(153,49,106)
```
#996031
```
#996031 rgb(153,96,49)
```

Tetradic Color

#1e425f
```
#1e425f rgb(30,66,95)
```
#254f72
```
#254f72 rgb(37,79,114)
```
#2b5d86
```
#2b5d86 rgb(43,93,134)
```
#316a99
```
#316a99 rgb(49,106,153)
```
#3777ac
```
#3777ac rgb(55,119,172)
```
#3d85c0
```
#3d85c0 rgb(61,133,192)
```
#5091c7
```
#5091c7 rgb(80,145,199)
```

Monochromatic Color

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

#318499
```
#318499 rgb(49,132,153)
```
#317b99
```
#317b99 rgb(49,123,153)
```
#317399
```
#317399 rgb(49,115,153)
```
#316a99
```
#316a99 rgb(49,106,153)
```
#316199
```
#316199 rgb(49,97,153)
```
#315999
```
#315999 rgb(49,89,153)
```
#315099
```
#315099 rgb(49,80,153)
```

Similar Colors

Text with hexadecimal color #316a99

This text has a font color of #316a99.

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

#316a99 background color

This paragraph has a background color of #316a99.

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

#316a99 border color

This element has a border color of #316a99.

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

CSS codes

.text {color:#316a99;}

.background {background-color:#316a99;}

.border {border:1px solid #316a99;}

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, #010304 is the darkest color, while #f5f8fc is the lightest one.

#010304
```
#010304 rgb(1,3,4)
```
#060d13
```
#060d13 rgb(6,13,19)
```
#0b1822
```
#0b1822 rgb(11,24,34)
```
#102231
```
#102231 rgb(16,34,49)
```
#142c40
```
#142c40 rgb(20,44,64)
```
#19374f
```
#19374f rgb(25,55,79)
```
#1e415e
```
#1e415e rgb(30,65,94)
```
#234b6c
```
#234b6c rgb(35,75,108)
```
#27557b
```
#27557b rgb(39,85,123)
```
#2c608a
```
#2c608a rgb(44,96,138)
```
#316a99
```
#316a99 rgb(49,106,153)
```
#3674a8
```
#3674a8 rgb(54,116,168)
```
#3b7fb7
```
#3b7fb7 rgb(59,127,183)
```

Shade Color Variation

#4289c3
```
#4289c3 rgb(66,137,195)
```
#5192c7
```
#5192c7 rgb(81,146,199)
```
#609bcc
```
#609bcc rgb(96,155,204)
```
#6fa5d1
```
#6fa5d1 rgb(111,165,209)
```
#7eaed6
```
#7eaed6 rgb(126,174,214)
```
#8db7da
```
#8db7da rgb(141,183,218)
```
#9bc1df
```
#9bc1df rgb(155,193,223)
```
#aacae4
```
#aacae4 rgb(170,202,228)
```
#b9d3e9
```
#b9d3e9 rgb(185,211,233)
```
#c8dced
```
#c8dced rgb(200,220,237)
```
#d7e6f2
```
#d7e6f2 rgb(215,230,242)
```
#e6eff7
```
#e6eff7 rgb(230,239,247)
```
#f5f8fc
```
#f5f8fc rgb(245,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60666a is the less saturated color, while #026ec8 is the most saturated one.

#60666a
```
#60666a rgb(96,102,106)
```
#586672
```
#586672 rgb(88,102,114)
```
#50677a
```
#50677a rgb(80,103,122)
```
#486882
```
#486882 rgb(72,104,130)
```
#416989
```
#416989 rgb(65,105,137)
```
#396991
```
#396991 rgb(57,105,145)
```
#316a99
```
#316a99 rgb(49,106,153)
```
#296ba1
```
#296ba1 rgb(41,107,161)
```
#216ba9
```
#216ba9 rgb(33,107,169)
```
#1a6cb0
```
#1a6cb0 rgb(26,108,176)
```
#126db8
```
#126db8 rgb(18,109,184)
```
#0a6ec0
```
#0a6ec0 rgb(10,110,192)
```
#026ec8
```
#026ec8 rgb(2,110,200)
```

Tone Color Variation

Below, you can see how #316a99 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

#5e5e5e Achromatopsia 0.005% of the population
#55606a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d6c9a Protanopia 1% of men
#546da0 Deuteranopia 1% of men
#237780 Tritanopia 0.001% of the population

Trichromacy

#4d6b99 Protanomaly 1% of men, 0.01% of women
#476c9d Deuteranomaly 6% of men, 0.4% of women
#287289 Tritanomaly 0.01% of the population

#316a99 hex color

#316a99 Color Information

#316a99 Color Conversion

Color Schemes with #316a99

Alternatives to #316a99

#316a99 Preview

Shades and Tints of #316a99

Tones of #316a99

Color Blindness Simulator