#316d4f hex color

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

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

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

The hexadecimal color #316d4f has RGB values of R:49, G:109, B:79 and CMYK values of C:0.55, M:0, Y:0.28, K:0.57. Its decimal value is 3239247.

Hex triplet	316d4f	`#316d4f`
RGB Decimal	49, 109, 79	`rgb(49,109,79)`
RGB Percent	19.2, 42.7, 31	`rgb(19.2%,42.7%,31%)`
CMYK	55, 0, 28, 57
HSL	150°, 38, 31	`hsl(150,38%,31%)`
HSV (or HSB)	150°, 55, 42.7
Web Safe	336666	`#336666`

CIE-LAB	41.46, -27.225, 10.948
XYZ	8.146, 12.154, 9.313
xyY	0.275, 0.41, 12.154
CIE-LCH	41.46, 29.344, 158.093
CIE-LUV	41.46, -26.219, 17.53
Hunter-Lab	34.863, -19.302, 8.565
Binary	00110001, 01101101, 01001111

#316d4f
```
#316d4f rgb(49,109,79)
```
#6d314f
```
#6d314f rgb(109,49,79)
```

Complementary Color

#316d31
```
#316d31 rgb(49,109,49)
```
#316d4f
```
#316d4f rgb(49,109,79)
```
#316d6d
```
#316d6d rgb(49,109,109)
```

Analogous Color

#6d3131
```
#6d3131 rgb(109,49,49)
```
#316d4f
```
#316d4f rgb(49,109,79)
```
#6d316d
```
#6d316d rgb(109,49,109)
```

Split Complementary Color

#6d4f31
```
#6d4f31 rgb(109,79,49)
```
#316d4f
```
#316d4f rgb(49,109,79)
```
#4f316d
```
#4f316d rgb(79,49,109)
```

Triadic Color

#4f6d31
```
#4f6d31 rgb(79,109,49)
```
#316d4f
```
#316d4f rgb(49,109,79)
```
#4f316d
```
#4f316d rgb(79,49,109)
```
#6d314f
```
#6d314f rgb(109,49,79)
```

Tetradic Color

#193829
```
#193829 rgb(25,56,41)
```
#214a36
```
#214a36 rgb(33,74,54)
```
#295b42
```
#295b42 rgb(41,91,66)
```
#316d4f
```
#316d4f rgb(49,109,79)
```
#397f5c
```
#397f5c rgb(57,127,92)
```
#419069
```
#419069 rgb(65,144,105)
```
#49a275
```
#49a275 rgb(73,162,117)
```

Monochromatic Color

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

#316d40
```
#316d40 rgb(49,109,64)
```
#316d45
```
#316d45 rgb(49,109,69)
```
#316d4a
```
#316d4a rgb(49,109,74)
```
#316d4f
```
#316d4f rgb(49,109,79)
```
#316d54
```
#316d54 rgb(49,109,84)
```
#316d59
```
#316d59 rgb(49,109,89)
```
#316d5e
```
#316d5e rgb(49,109,94)
```

Similar Colors

Text with hexadecimal color #316d4f

This text has a font color of #316d4f.

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

#316d4f background color

This paragraph has a background color of #316d4f.

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

#316d4f border color

This element has a border color of #316d4f.

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

CSS codes

.text {color:#316d4f;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060e0a
```
#060e0a rgb(6,14,10)
```
#0d1c14
```
#0d1c14 rgb(13,28,20)
```
#13291e
```
#13291e rgb(19,41,30)
```
#193728
```
#193728 rgb(25,55,40)
```
#1f4432
```
#1f4432 rgb(31,68,50)
```
#25523b
```
#25523b rgb(37,82,59)
```
#2b5f45
```
#2b5f45 rgb(43,95,69)
```
#316d4f
```
#316d4f rgb(49,109,79)
```
#377b59
```
#377b59 rgb(55,123,89)
```
#3d8863
```
#3d8863 rgb(61,136,99)
```
#43966c
```
#43966c rgb(67,150,108)
```
#49a376
```
#49a376 rgb(73,163,118)
```

Shade Color Variation

#50b080
```
#50b080 rgb(80,176,128)
```
#5db68a
```
#5db68a rgb(93,182,138)
```
#6bbc94
```
#6bbc94 rgb(107,188,148)
```
#78c39d
```
#78c39d rgb(120,195,157)
```
#86c9a7
```
#86c9a7 rgb(134,201,167)
```
#93cfb1
```
#93cfb1 rgb(147,207,177)
```
#a1d5bb
```
#a1d5bb rgb(161,213,187)
```
#afdbc5
```
#afdbc5 rgb(175,219,197)
```
#bce1cf
```
#bce1cf rgb(188,225,207)
```
#cae7d8
```
#cae7d8 rgb(202,231,216)
```
#d7ede2
```
#d7ede2 rgb(215,237,226)
```
#e5f3ec
```
#e5f3ec rgb(229,243,236)
```
#f2f9f6
```
#f2f9f6 rgb(242,249,246)
```

Tint Color Variation

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

#49554f
```
#49554f rgb(73,85,79)
```
#435b4f
```
#435b4f rgb(67,91,79)
```
#3d614f
```
#3d614f rgb(61,97,79)
```
#37674f
```
#37674f rgb(55,103,79)
```
#316d4f
```
#316d4f rgb(49,109,79)
```
#2b734f
```
#2b734f rgb(43,115,79)
```
#25794f
```
#25794f rgb(37,121,79)
```
#1f7f4f
```
#1f7f4f rgb(31,127,79)
```
#19854f
```
#19854f rgb(25,133,79)
```
#138b4f
```
#138b4f rgb(19,139,79)
```
#0d914f
```
#0d914f rgb(13,145,79)
```
#06984f
```
#06984f rgb(6,152,79)
```
#009e4f
```
#009e4f rgb(0,158,79)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#505c56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#706953 Protanopia 1% of men
#78665d Deuteranopia 1% of men
#467078 Tritanopia 0.001% of the population

Trichromacy

#596a51 Protanomaly 1% of men, 0.01% of women
#5e6857 Deuteranomaly 6% of men, 0.4% of women
#3e6f69 Tritanomaly 0.01% of the population

#316d4f hex color

#316d4f Color Information

#316d4f Color Conversion

Color Schemes with #316d4f

Alternatives to #316d4f

#316d4f Preview

Shades and Tints of #316d4f

Tones of #316d4f

Color Blindness Simulator