#316d81 hex color

In a RGB color space, hex #316d81 is composed of 19.2% red, 42.7% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 15.5% magenta, 0% yellow and 49.4% black. It has a hue angle of 195 degrees, a saturation of 44.9% and a lightness of 34.9%. #316d81 color hex could be obtained by blending #62daff with #000003. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 43
- B 51
RGB color chart
- C 62
- M 16
- Y 0
- K 49
CMYK color chart

● #316d81 color description : Dark moderate blue.

The hexadecimal color #316d81 has RGB values of R:49, G:109, B:129 and CMYK values of C:0.62, M:0.16, Y:0, K:0.49. Its decimal value is 3239297.

Hex triplet	316d81	`#316d81`
RGB Decimal	49, 109, 129	`rgb(49,109,129)`
RGB Percent	19.2, 42.7, 50.6	`rgb(19.2%,42.7%,50.6%)`
CMYK	62, 16, 0, 49
HSL	195°, 44.9, 34.9	`hsl(195,44.9%,34.9%)`
HSV (or HSB)	195°, 62, 50.6
Web Safe	336699	`#336699`

CIE-LAB	43.025, -13.016, -16.906
XYZ	10.697, 13.174, 22.747
xyY	0.229, 0.283, 13.174
CIE-LCH	43.025, 21.336, 232.406
CIE-LUV	43.025, -24.121, -22.147
Hunter-Lab	36.297, -10.915, -11.749
Binary	00110001, 01101101, 10000001

#316d81
```
#316d81 rgb(49,109,129)
```
#814531
```
#814531 rgb(129,69,49)
```

Complementary Color

#31816d
```
#31816d rgb(49,129,109)
```
#316d81
```
#316d81 rgb(49,109,129)
```
#314581
```
#314581 rgb(49,69,129)
```

Analogous Color

#816d31
```
#816d31 rgb(129,109,49)
```
#316d81
```
#316d81 rgb(49,109,129)
```
#813145
```
#813145 rgb(129,49,69)
```

Split Complementary Color

#6d8131
```
#6d8131 rgb(109,129,49)
```
#316d81
```
#316d81 rgb(49,109,129)
```
#81316d
```
#81316d rgb(129,49,109)
```

Triadic Color

#318145
```
#318145 rgb(49,129,69)
```
#316d81
```
#316d81 rgb(49,109,129)
```
#81316d
```
#81316d rgb(129,49,109)
```
#814531
```
#814531 rgb(129,69,49)
```

Tetradic Color

#1c3e4a
```
#1c3e4a rgb(28,62,74)
```
#234e5c
```
#234e5c rgb(35,78,92)
```
#2a5d6f
```
#2a5d6f rgb(42,93,111)
```
#316d81
```
#316d81 rgb(49,109,129)
```
#387d93
```
#387d93 rgb(56,125,147)
```
#3f8ca6
```
#3f8ca6 rgb(63,140,166)
```
#469cb8
```
#469cb8 rgb(70,156,184)
```

Monochromatic Color

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

#318181
```
#318181 rgb(49,129,129)
```
#317a81
```
#317a81 rgb(49,122,129)
```
#317481
```
#317481 rgb(49,116,129)
```
#316d81
```
#316d81 rgb(49,109,129)
```
#316681
```
#316681 rgb(49,102,129)
```
#316081
```
#316081 rgb(49,96,129)
```
#315981
```
#315981 rgb(49,89,129)
```

Similar Colors

Text with hexadecimal color #316d81

This text has a font color of #316d81.

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

#316d81 background color

This paragraph has a background color of #316d81.

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

#316d81 border color

This element has a border color of #316d81.

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

CSS codes

.text {color:#316d81;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060d0f
```
#060d0f rgb(6,13,15)
```
#0b191d
```
#0b191d rgb(11,25,29)
```
#11252c
```
#11252c rgb(17,37,44)
```
#16313a
```
#16313a rgb(22,49,58)
```
#1b3d48
```
#1b3d48 rgb(27,61,72)
```
#214956
```
#214956 rgb(33,73,86)
```
#265565
```
#265565 rgb(38,85,101)
```
#2c6173
```
#2c6173 rgb(44,97,115)
```
#316d81
```
#316d81 rgb(49,109,129)
```
#36798f
```
#36798f rgb(54,121,143)
```
#3c859d
```
#3c859d rgb(60,133,157)
```
#4191ac
```
#4191ac rgb(65,145,172)
```

Shade Color Variation

#479db9
```
#479db9 rgb(71,157,185)
```
#55a4bf
```
#55a4bf rgb(85,164,191)
```
#64acc4
```
#64acc4 rgb(100,172,196)
```
#72b4c9
```
#72b4c9 rgb(114,180,201)
```
#80bbcf
```
#80bbcf rgb(128,187,207)
```
#8ec3d4
```
#8ec3d4 rgb(142,195,212)
```
#9dcada
```
#9dcada rgb(157,202,218)
```
#abd2df
```
#abd2df rgb(171,210,223)
```
#b9dae4
```
#b9dae4 rgb(185,218,228)
```
#c7e1ea
```
#c7e1ea rgb(199,225,234)
```
#d5e9ef
```
#d5e9ef rgb(213,233,239)
```
#e4f0f5
```
#e4f0f5 rgb(228,240,245)
```
#f2f8fa
```
#f2f8fa rgb(242,248,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #535c5f is the less saturated color, while #0185b1 is the most saturated one.

#535c5f
```
#535c5f rgb(83,92,95)
```
#4c5f66
```
#4c5f66 rgb(76,95,102)
```
#46636c
```
#46636c rgb(70,99,108)
```
#3f6673
```
#3f6673 rgb(63,102,115)
```
#386a7a
```
#386a7a rgb(56,106,122)
```
#316d81
```
#316d81 rgb(49,109,129)
```
#2a7088
```
#2a7088 rgb(42,112,136)
```
#23748f
```
#23748f rgb(35,116,143)
```
#1c7796
```
#1c7796 rgb(28,119,150)
```
#167b9c
```
#167b9c rgb(22,123,156)
```
#0f7ea3
```
#0f7ea3 rgb(15,126,163)
```
#0882aa
```
#0882aa rgb(8,130,170)
```
#0185b1
```
#0185b1 rgb(1,133,177)
```

Tone Color Variation

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

Dichromacy

#686c82 Protanopia 1% of men
#676b8a Deuteranopia 1% of men
#36767e Tritanopia 0.001% of the population

Trichromacy

#546c81 Protanomaly 1% of men, 0.01% of women
#536c87 Deuteranomaly 6% of men, 0.4% of women
#34727f Tritanomaly 0.01% of the population

#316d81 hex color

#316d81 Color Information

#316d81 Color Conversion

Color Schemes with #316d81

Alternatives to #316d81

#316d81 Preview

Shades and Tints of #316d81

Tones of #316d81

Color Blindness Simulator