#316b8e hex color

In a RGB color space, hex #316b8e is composed of 19.2% red, 42% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 65.5% cyan, 24.6% magenta, 0% yellow and 44.3% black. It has a hue angle of 202.6 degrees, a saturation of 48.7% and a lightness of 37.5%. #316b8e color hex could be obtained by blending #62d6ff with #00001d. Closest websafe color is: #336699.

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

● #316b8e color description : Dark moderate blue.

The hexadecimal color #316b8e has RGB values of R:49, G:107, B:142 and CMYK values of C:0.65, M:0.25, Y:0, K:0.44. Its decimal value is 3238798.

Hex triplet	316b8e	`#316b8e`
RGB Decimal	49, 107, 142	`rgb(49,107,142)`
RGB Percent	19.2, 42, 55.7	`rgb(19.2%,42%,55.7%)`
CMYK	65, 25, 0, 44
HSL	202.6°, 48.7, 37.5	`hsl(202.6,48.7%,37.5%)`
HSV (or HSB)	202.6°, 65.5, 55.7
Web Safe	336699	`#336699`

CIE-LAB	42.944, -7.449, -24.826
XYZ	11.406, 13.121, 27.521
xyY	0.219, 0.252, 13.121
CIE-LCH	42.944, 25.919, 253.297
CIE-LUV	42.944, -22.857, -34.745
Hunter-Lab	36.222, -7.183, -19.692
Binary	00110001, 01101011, 10001110

#316b8e
```
#316b8e rgb(49,107,142)
```
#8e5431
```
#8e5431 rgb(142,84,49)
```

Complementary Color

#318e83
```
#318e83 rgb(49,142,131)
```
#316b8e
```
#316b8e rgb(49,107,142)
```
#313d8e
```
#313d8e rgb(49,61,142)
```

Analogous Color

#8e8331
```
#8e8331 rgb(142,131,49)
```
#316b8e
```
#316b8e rgb(49,107,142)
```
#8e313d
```
#8e313d rgb(142,49,61)
```

Split Complementary Color

#6b8e31
```
#6b8e31 rgb(107,142,49)
```
#316b8e
```
#316b8e rgb(49,107,142)
```
#8e316b
```
#8e316b rgb(142,49,107)
```

Triadic Color

#318e54
```
#318e54 rgb(49,142,84)
```
#316b8e
```
#316b8e rgb(49,107,142)
```
#8e316b
```
#8e316b rgb(142,49,107)
```
#8e5431
```
#8e5431 rgb(142,84,49)
```

Tetradic Color

#1d4055
```
#1d4055 rgb(29,64,85)
```
#244e68
```
#244e68 rgb(36,78,104)
```
#2a5d7b
```
#2a5d7b rgb(42,93,123)
```
#316b8e
```
#316b8e rgb(49,107,142)
```
#3879a1
```
#3879a1 rgb(56,121,161)
```
#3e88b4
```
#3e88b4 rgb(62,136,180)
```
#4b94c1
```
#4b94c1 rgb(75,148,193)
```

Monochromatic Color

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

#31828e
```
#31828e rgb(49,130,142)
```
#317b8e
```
#317b8e rgb(49,123,142)
```
#31738e
```
#31738e rgb(49,115,142)
```
#316b8e
```
#316b8e rgb(49,107,142)
```
#31638e
```
#31638e rgb(49,99,142)
```
#315c8e
```
#315c8e rgb(49,92,142)
```
#31548e
```
#31548e rgb(49,84,142)
```

Similar Colors

Text with hexadecimal color #316b8e

This text has a font color of #316b8e.

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

#316b8e background color

This paragraph has a background color of #316b8e.

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

#316b8e border color

This element has a border color of #316b8e.

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

CSS codes

.text {color:#316b8e;}

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

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

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, #04080b is the darkest color, while #fbfdfe is the lightest one.

#04080b
```
#04080b rgb(4,8,11)
```
#091319
```
#091319 rgb(9,19,25)
```
#0e1e28
```
#0e1e28 rgb(14,30,40)
```
#132937
```
#132937 rgb(19,41,55)
```
#183445
```
#183445 rgb(24,52,69)
```
#1d3f54
```
#1d3f54 rgb(29,63,84)
```
#224a62
```
#224a62 rgb(34,74,98)
```
#275571
```
#275571 rgb(39,85,113)
```
#2c607f
```
#2c607f rgb(44,96,127)
```
#316b8e
```
#316b8e rgb(49,107,142)
```
#36769d
```
#36769d rgb(54,118,157)
```
#3b81ab
```
#3b81ab rgb(59,129,171)
```
#408cba
```
#408cba rgb(64,140,186)
```

Shade Color Variation

#4c95c1
```
#4c95c1 rgb(76,149,193)
```
#5b9ec6
```
#5b9ec6 rgb(91,158,198)
```
#69a6cb
```
#69a6cb rgb(105,166,203)
```
#78afd0
```
#78afd0 rgb(120,175,208)
```
#87b8d5
```
#87b8d5 rgb(135,184,213)
```
#95c0da
```
#95c0da rgb(149,192,218)
```
#a4c9df
```
#a4c9df rgb(164,201,223)
```
#b2d2e5
```
#b2d2e5 rgb(178,210,229)
```
#c1daea
```
#c1daea rgb(193,218,234)
```
#cfe3ef
```
#cfe3ef rgb(207,227,239)
```
#deebf4
```
#deebf4 rgb(222,235,244)
```
#edf4f9
```
#edf4f9 rgb(237,244,249)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#5d6062
```
#5d6062 rgb(93,96,98)
```
#566269
```
#566269 rgb(86,98,105)
```
#4e6471
```
#4e6471 rgb(78,100,113)
```
#476678
```
#476678 rgb(71,102,120)
```
#40677f
```
#40677f rgb(64,103,127)
```
#386987
```
#386987 rgb(56,105,135)
```
#316b8e
```
#316b8e rgb(49,107,142)
```
#2a6d95
```
#2a6d95 rgb(42,109,149)
```
#226f9d
```
#226f9d rgb(34,111,157)
```
#1b70a4
```
#1b70a4 rgb(27,112,164)
```
#1472ab
```
#1472ab rgb(20,114,171)
```
#0c74b3
```
#0c74b3 rgb(12,116,179)
```
#0576ba
```
#0576ba rgb(5,118,186)
```

Tone Color Variation

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

Dichromacy

#626c8f Protanopia 1% of men
#5d6c96 Deuteranopia 1% of men
#2d767f Tritanopia 0.001% of the population

Trichromacy

#506b8e Protanomaly 1% of men, 0.01% of women
#4d6b93 Deuteranomaly 6% of men, 0.4% of women
#2f7284 Tritanomaly 0.01% of the population

#316b8e hex color

#316b8e Color Information

#316b8e Color Conversion

Color Schemes with #316b8e

Alternatives to #316b8e

#316b8e Preview

Shades and Tints of #316b8e

Tones of #316b8e

Color Blindness Simulator