#316a8d hex color

In a RGB color space, hex #316a8d is composed of 19.2% red, 41.6% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 24.8% magenta, 0% yellow and 44.7% black. It has a hue angle of 202.8 degrees, a saturation of 48.4% and a lightness of 37.3%. #316a8d color hex could be obtained by blending #62d4ff with #00001b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 42
- B 55
RGB color chart
- C 65
- M 25
- Y 0
- K 45
CMYK color chart

● #316a8d color description : Dark moderate blue.

The hexadecimal color #316a8d has RGB values of R:49, G:106, B:141 and CMYK values of C:0.65, M:0.25, Y:0, K:0.45. Its decimal value is 3238541.

Hex triplet	316a8d	`#316a8d`
RGB Decimal	49, 106, 141	`rgb(49,106,141)`
RGB Percent	19.2, 41.6, 55.3	`rgb(19.2%,41.6%,55.3%)`
CMYK	65, 25, 0, 45
HSL	202.8°, 48.4, 37.3	`hsl(202.8,48.4%,37.3%)`
HSV (or HSB)	202.8°, 65.2, 55.3
Web Safe	336699	`#336699`

CIE-LAB	42.587, -7.201, -24.783
XYZ	11.227, 12.883, 27.093
xyY	0.219, 0.252, 12.883
CIE-LCH	42.587, 25.808, 253.797
CIE-LUV	42.587, -22.523, -34.641
Hunter-Lab	35.893, -6.98, -19.628
Binary	00110001, 01101010, 10001101

#316a8d
```
#316a8d rgb(49,106,141)
```
#8d5431
```
#8d5431 rgb(141,84,49)
```

Complementary Color

#318d82
```
#318d82 rgb(49,141,130)
```
#316a8d
```
#316a8d rgb(49,106,141)
```
#313c8d
```
#313c8d rgb(49,60,141)
```

Analogous Color

#8d8231
```
#8d8231 rgb(141,130,49)
```
#316a8d
```
#316a8d rgb(49,106,141)
```
#8d313c
```
#8d313c rgb(141,49,60)
```

Split Complementary Color

#6a8d31
```
#6a8d31 rgb(106,141,49)
```
#316a8d
```
#316a8d rgb(49,106,141)
```
#8d316a
```
#8d316a rgb(141,49,106)
```

Triadic Color

#318d54
```
#318d54 rgb(49,141,84)
```
#316a8d
```
#316a8d rgb(49,106,141)
```
#8d316a
```
#8d316a rgb(141,49,106)
```
#8d5431
```
#8d5431 rgb(141,84,49)
```

Tetradic Color

#1d3f54
```
#1d3f54 rgb(29,63,84)
```
#244e67
```
#244e67 rgb(36,78,103)
```
#2a5c7a
```
#2a5c7a rgb(42,92,122)
```
#316a8d
```
#316a8d rgb(49,106,141)
```
#3878a0
```
#3878a0 rgb(56,120,160)
```
#3e86b3
```
#3e86b3 rgb(62,134,179)
```
#4a93c0
```
#4a93c0 rgb(74,147,192)
```

Monochromatic Color

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

#31818d
```
#31818d rgb(49,129,141)
```
#31798d
```
#31798d rgb(49,121,141)
```
#31728d
```
#31728d rgb(49,114,141)
```
#316a8d
```
#316a8d rgb(49,106,141)
```
#31628d
```
#31628d rgb(49,98,141)
```
#315b8d
```
#315b8d rgb(49,91,141)
```
#31538d
```
#31538d rgb(49,83,141)
```

Similar Colors

Text with hexadecimal color #316a8d

This text has a font color of #316a8d.

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

#316a8d background color

This paragraph has a background color of #316a8d.

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

#316a8d border color

This element has a border color of #316a8d.

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

CSS codes

.text {color:#316a8d;}

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

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

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, #03080a is the darkest color, while #fafcfd is the lightest one.

#03080a
```
#03080a rgb(3,8,10)
```
#091219
```
#091219 rgb(9,18,25)
```
#0e1d27
```
#0e1d27 rgb(14,29,39)
```
#132836
```
#132836 rgb(19,40,54)
```
#183344
```
#183344 rgb(24,51,68)
```
#1d3e53
```
#1d3e53 rgb(29,62,83)
```
#224961
```
#224961 rgb(34,73,97)
```
#275470
```
#275470 rgb(39,84,112)
```
#2c5f7e
```
#2c5f7e rgb(44,95,126)
```
#316a8d
```
#316a8d rgb(49,106,141)
```
#36759c
```
#36759c rgb(54,117,156)
```
#3b80aa
```
#3b80aa rgb(59,128,170)
```
#408bb9
```
#408bb9 rgb(64,139,185)
```

Shade Color Variation

#4c94c1
```
#4c94c1 rgb(76,148,193)
```
#5a9dc6
```
#5a9dc6 rgb(90,157,198)
```
#69a6cb
```
#69a6cb rgb(105,166,203)
```
#77aed0
```
#77aed0 rgb(119,174,208)
```
#86b7d5
```
#86b7d5 rgb(134,183,213)
```
#95c0da
```
#95c0da rgb(149,192,218)
```
#a3c8df
```
#a3c8df rgb(163,200,223)
```
#b2d1e4
```
#b2d1e4 rgb(178,209,228)
```
#c0dae9
```
#c0dae9 rgb(192,218,233)
```
#cfe2ee
```
#cfe2ee rgb(207,226,238)
```
#ddebf3
```
#ddebf3 rgb(221,235,243)
```
#ecf4f8
```
#ecf4f8 rgb(236,244,248)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

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

#5d6061
```
#5d6061 rgb(93,96,97)
```
#566168
```
#566168 rgb(86,97,104)
```
#4e6370
```
#4e6370 rgb(78,99,112)
```
#476577
```
#476577 rgb(71,101,119)
```
#40677e
```
#40677e rgb(64,103,126)
```
#386886
```
#386886 rgb(56,104,134)
```
#316a8d
```
#316a8d rgb(49,106,141)
```
#2a6c94
```
#2a6c94 rgb(42,108,148)
```
#226d9c
```
#226d9c rgb(34,109,156)
```
#1b6fa3
```
#1b6fa3 rgb(27,111,163)
```
#1471aa
```
#1471aa rgb(20,113,170)
```
#0c73b2
```
#0c73b2 rgb(12,115,178)
```
#0574b9
```
#0574b9 rgb(5,116,185)
```

Tone Color Variation

Below, you can see how #316a8d 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
#546067 Atypical Achromatopsia 0.001% of the population

Dichromacy

#616b8e Protanopia 1% of men
#5c6b95 Deuteranopia 1% of men
#2e757e Tritanopia 0.001% of the population

Trichromacy

#506a8d Protanomaly 1% of men, 0.01% of women
#4c6b92 Deuteranomaly 6% of men, 0.4% of women
#2f7183 Tritanomaly 0.01% of the population

#316a8d hex color

#316a8d Color Information

#316a8d Color Conversion

Color Schemes with #316a8d

Alternatives to #316a8d

#316a8d Preview

Shades and Tints of #316a8d

Tones of #316a8d

Color Blindness Simulator