#316d4b hex color

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

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

● #316d4b color description : Very dark desaturated cyan - lime green.

The hexadecimal color #316d4b has RGB values of R:49, G:109, B:75 and CMYK values of C:0.55, M:0, Y:0.31, K:0.57. Its decimal value is 3239243.

Hex triplet	316d4b	`#316d4b`
RGB Decimal	49, 109, 75	`rgb(49,109,75)`
RGB Percent	19.2, 42.7, 29.4	`rgb(19.2%,42.7%,29.4%)`
CMYK	55, 0, 31, 57
HSL	146°, 38, 31	`hsl(146,38%,31%)`
HSV (or HSB)	146°, 55, 42.7
Web Safe	336633	`#336633`

CIE-LAB	41.371, -28.122, 13.206
XYZ	8.005, 12.098, 8.569
xyY	0.279, 0.422, 12.098
CIE-LCH	41.371, 31.069, 154.846
CIE-LUV	41.371, -26.373, 20.253
Hunter-Lab	34.782, -19.788, 9.739
Binary	00110001, 01101101, 01001011

#316d4b
```
#316d4b rgb(49,109,75)
```
#6d3153
```
#6d3153 rgb(109,49,83)
```

Complementary Color

#356d31
```
#356d31 rgb(53,109,49)
```
#316d4b
```
#316d4b rgb(49,109,75)
```
#316d69
```
#316d69 rgb(49,109,105)
```

Analogous Color

#6d3135
```
#6d3135 rgb(109,49,53)
```
#316d4b
```
#316d4b rgb(49,109,75)
```
#69316d
```
#69316d rgb(105,49,109)
```

Split Complementary Color

#6d4b31
```
#6d4b31 rgb(109,75,49)
```
#316d4b
```
#316d4b rgb(49,109,75)
```
#4b316d
```
#4b316d rgb(75,49,109)
```

Triadic Color

#536d31
```
#536d31 rgb(83,109,49)
```
#316d4b
```
#316d4b rgb(49,109,75)
```
#4b316d
```
#4b316d rgb(75,49,109)
```
#6d3153
```
#6d3153 rgb(109,49,83)
```

Tetradic Color

#193827
```
#193827 rgb(25,56,39)
```
#214a33
```
#214a33 rgb(33,74,51)
```
#295b3f
```
#295b3f rgb(41,91,63)
```
#316d4b
```
#316d4b rgb(49,109,75)
```
#397f57
```
#397f57 rgb(57,127,87)
```
#419063
```
#419063 rgb(65,144,99)
```
#49a26f
```
#49a26f rgb(73,162,111)
```

Monochromatic Color

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

#316d3c
```
#316d3c rgb(49,109,60)
```
#316d41
```
#316d41 rgb(49,109,65)
```
#316d46
```
#316d46 rgb(49,109,70)
```
#316d4b
```
#316d4b rgb(49,109,75)
```
#316d50
```
#316d50 rgb(49,109,80)
```
#316d55
```
#316d55 rgb(49,109,85)
```
#316d5a
```
#316d5a rgb(49,109,90)
```

Similar Colors

Text with hexadecimal color #316d4b

This text has a font color of #316d4b.

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

#316d4b background color

This paragraph has a background color of #316d4b.

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

#316d4b border color

This element has a border color of #316d4b.

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

CSS codes

.text {color:#316d4b;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060e0a
```
#060e0a rgb(6,14,10)
```
#0d1c13
```
#0d1c13 rgb(13,28,19)
```
#13291c
```
#13291c rgb(19,41,28)
```
#193726
```
#193726 rgb(25,55,38)
```
#1f442f
```
#1f442f rgb(31,68,47)
```
#255238
```
#255238 rgb(37,82,56)
```
#2b5f42
```
#2b5f42 rgb(43,95,66)
```
#316d4b
```
#316d4b rgb(49,109,75)
```
#377b54
```
#377b54 rgb(55,123,84)
```
#3d885e
```
#3d885e rgb(61,136,94)
```
#439667
```
#439667 rgb(67,150,103)
```
#49a370
```
#49a370 rgb(73,163,112)
```

Shade Color Variation

#50b07a
```
#50b07a rgb(80,176,122)
```
#5db684
```
#5db684 rgb(93,182,132)
```
#6bbc8e
```
#6bbc8e rgb(107,188,142)
```
#78c399
```
#78c399 rgb(120,195,153)
```
#86c9a3
```
#86c9a3 rgb(134,201,163)
```
#93cfad
```
#93cfad rgb(147,207,173)
```
#a1d5b7
```
#a1d5b7 rgb(161,213,183)
```
#afdbc2
```
#afdbc2 rgb(175,219,194)
```
#bce1cc
```
#bce1cc rgb(188,225,204)
```
#cae7d6
```
#cae7d6 rgb(202,231,214)
```
#d7ede1
```
#d7ede1 rgb(215,237,225)
```
#e5f3eb
```
#e5f3eb rgb(229,243,235)
```
#f2f9f5
```
#f2f9f5 rgb(242,249,245)
```

Tint Color Variation

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

#49554e
```
#49554e rgb(73,85,78)
```
#435b4d
```
#435b4d rgb(67,91,77)
```
#3d614d
```
#3d614d rgb(61,97,77)
```
#37674c
```
#37674c rgb(55,103,76)
```
#316d4b
```
#316d4b rgb(49,109,75)
```
#2b734a
```
#2b734a rgb(43,115,74)
```
#257949
```
#257949 rgb(37,121,73)
```
#1f7f49
```
#1f7f49 rgb(31,127,73)
```
#198548
```
#198548 rgb(25,133,72)
```
#138b47
```
#138b47 rgb(19,139,71)
```
#0d9146
```
#0d9146 rgb(13,145,70)
```
#069845
```
#069845 rgb(6,152,69)
```
#009e45
```
#009e45 rgb(0,158,69)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4f5b55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#71694f Protanopia 1% of men
#796559 Deuteranopia 1% of men
#476f78 Tritanopia 0.001% of the population

Trichromacy

#596a4e Protanomaly 1% of men, 0.01% of women
#5f6854 Deuteranomaly 6% of men, 0.4% of women
#3f6e67 Tritanomaly 0.01% of the population

#316d4b hex color

#316d4b Color Information

#316d4b Color Conversion

Color Schemes with #316d4b

Alternatives to #316d4b

#316d4b Preview

Shades and Tints of #316d4b

Tones of #316d4b

Color Blindness Simulator