#316d67 hex color

In a RGB color space, hex #316d67 is composed of 19.2% red, 42.7% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 0% magenta, 5.5% yellow and 57.3% black. It has a hue angle of 174 degrees, a saturation of 38% and a lightness of 31%. #316d67 color hex could be obtained by blending #62dace with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 43
- B 40
RGB color chart
- C 55
- M 0
- Y 6
- K 57
CMYK color chart

● #316d67 color description : Very dark desaturated cyan.

The hexadecimal color #316d67 has RGB values of R:49, G:109, B:103 and CMYK values of C:0.55, M:0, Y:0.06, K:0.57. Its decimal value is 3239271.

Hex triplet	316d67	`#316d67`
RGB Decimal	49, 109, 103	`rgb(49,109,103)`
RGB Percent	19.2, 42.7, 40.4	`rgb(19.2%,42.7%,40.4%)`
CMYK	55, 0, 6, 57
HSL	174°, 38, 31	`hsl(174,38%,31%)`
HSV (or HSB)	174°, 55, 42.7
Web Safe	336666	`#336666`

CIE-LAB	42.106, -21.03, -2.587
XYZ	9.183, 12.569, 14.773
xyY	0.251, 0.344, 12.569
CIE-LCH	42.106, 21.188, 187.014
CIE-LUV	42.106, -25.224, -0.53
Hunter-Lab	35.453, -15.808, 0.11
Binary	00110001, 01101101, 01100111

#316d67
```
#316d67 rgb(49,109,103)
```
#6d3137
```
#6d3137 rgb(109,49,55)
```

Complementary Color

#316d49
```
#316d49 rgb(49,109,73)
```
#316d67
```
#316d67 rgb(49,109,103)
```
#31556d
```
#31556d rgb(49,85,109)
```

Analogous Color

#6d4931
```
#6d4931 rgb(109,73,49)
```
#316d67
```
#316d67 rgb(49,109,103)
```
#6d3155
```
#6d3155 rgb(109,49,85)
```

Split Complementary Color

#6d6731
```
#6d6731 rgb(109,103,49)
```
#316d67
```
#316d67 rgb(49,109,103)
```
#67316d
```
#67316d rgb(103,49,109)
```

Triadic Color

#376d31
```
#376d31 rgb(55,109,49)
```
#316d67
```
#316d67 rgb(49,109,103)
```
#67316d
```
#67316d rgb(103,49,109)
```
#6d3137
```
#6d3137 rgb(109,49,55)
```

Tetradic Color

#193835
```
#193835 rgb(25,56,53)
```
#214a46
```
#214a46 rgb(33,74,70)
```
#295b56
```
#295b56 rgb(41,91,86)
```
#316d67
```
#316d67 rgb(49,109,103)
```
#397f78
```
#397f78 rgb(57,127,120)
```
#419088
```
#419088 rgb(65,144,136)
```
#49a299
```
#49a299 rgb(73,162,153)
```

Monochromatic Color

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

#316d58
```
#316d58 rgb(49,109,88)
```
#316d5d
```
#316d5d rgb(49,109,93)
```
#316d62
```
#316d62 rgb(49,109,98)
```
#316d67
```
#316d67 rgb(49,109,103)
```
#316d6c
```
#316d6c rgb(49,109,108)
```
#31696d
```
#31696d rgb(49,105,109)
```
#31646d
```
#31646d rgb(49,100,109)
```

Similar Colors

Text with hexadecimal color #316d67

This text has a font color of #316d67.

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

#316d67 background color

This paragraph has a background color of #316d67.

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

#316d67 border color

This element has a border color of #316d67.

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

CSS codes

.text {color:#316d67;}

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

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

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 #f2f9f9 is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#060e0d
```
#060e0d rgb(6,14,13)
```
#0d1c1a
```
#0d1c1a rgb(13,28,26)
```
#132927
```
#132927 rgb(19,41,39)
```
#193734
```
#193734 rgb(25,55,52)
```
#1f4441
```
#1f4441 rgb(31,68,65)
```
#25524d
```
#25524d rgb(37,82,77)
```
#2b5f5a
```
#2b5f5a rgb(43,95,90)
```
#316d67
```
#316d67 rgb(49,109,103)
```
#377b74
```
#377b74 rgb(55,123,116)
```
#3d8881
```
#3d8881 rgb(61,136,129)
```
#43968d
```
#43968d rgb(67,150,141)
```
#49a39a
```
#49a39a rgb(73,163,154)
```

Shade Color Variation

#50b0a7
```
#50b0a7 rgb(80,176,167)
```
#5db6ad
```
#5db6ad rgb(93,182,173)
```
#6bbcb4
```
#6bbcb4 rgb(107,188,180)
```
#78c3bb
```
#78c3bb rgb(120,195,187)
```
#86c9c2
```
#86c9c2 rgb(134,201,194)
```
#93cfc9
```
#93cfc9 rgb(147,207,201)
```
#a1d5d0
```
#a1d5d0 rgb(161,213,208)
```
#afdbd6
```
#afdbd6 rgb(175,219,214)
```
#bce1dd
```
#bce1dd rgb(188,225,221)
```
#cae7e4
```
#cae7e4 rgb(202,231,228)
```
#d7edeb
```
#d7edeb rgb(215,237,235)
```
#e5f3f2
```
#e5f3f2 rgb(229,243,242)
```
#f2f9f9
```
#f2f9f9 rgb(242,249,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #495554 is the less saturated color, while #009e8e is the most saturated one.

#495554
```
#495554 rgb(73,85,84)
```
#435b58
```
#435b58 rgb(67,91,88)
```
#3d615d
```
#3d615d rgb(61,97,93)
```
#376762
```
#376762 rgb(55,103,98)
```
#316d67
```
#316d67 rgb(49,109,103)
```
#2b736c
```
#2b736c rgb(43,115,108)
```
#257971
```
#257971 rgb(37,121,113)
```
#1f7f76
```
#1f7f76 rgb(31,127,118)
```
#19857a
```
#19857a rgb(25,133,122)
```
#138b7f
```
#138b7f rgb(19,139,127)
```
#0d9184
```
#0d9184 rgb(13,145,132)
```
#069889
```
#069889 rgb(6,152,137)
```
#009e8e
```
#009e8e rgb(0,158,142)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#525e5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6a69 Protanopia 1% of men
#716873 Deuteranopia 1% of men
#40727b Tritanopia 0.001% of the population

Trichromacy

#576b68 Protanomaly 1% of men, 0.01% of women
#5a6a6e Deuteranomaly 6% of men, 0.4% of women
#3b7073 Tritanomaly 0.01% of the population

#316d67 hex color

#316d67 Color Information

#316d67 Color Conversion

Color Schemes with #316d67

Alternatives to #316d67

#316d67 Preview

Shades and Tints of #316d67

Tones of #316d67

Color Blindness Simulator