#316c4e hex color

In a RGB color space, hex #316c4e is composed of 19.2% red, 42.4% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 54.6% cyan, 0% magenta, 27.8% yellow and 57.6% black. It has a hue angle of 149.5 degrees, a saturation of 37.6% and a lightness of 30.8%. #316c4e color hex could be obtained by blending #62d89c with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #316c4e has RGB values of R:49, G:108, B:78 and CMYK values of C:0.55, M:0, Y:0.28, K:0.58. Its decimal value is 3238990.

Hex triplet	316c4e	`#316c4e`
RGB Decimal	49, 108, 78	`rgb(49,108,78)`
RGB Percent	19.2, 42.4, 30.6	`rgb(19.2%,42.4%,30.6%)`
CMYK	55, 0, 28, 58
HSL	149.5°, 37.6, 30.8	`hsl(149.5,37.6%,30.8%)`
HSV (or HSB)	149.5°, 54.6, 42.4
Web Safe	336666	`#336666`

CIE-LAB	41.101, -26.967, 11.046
XYZ	8.004, 11.928, 9.088
xyY	0.276, 0.411, 11.928
CIE-LCH	41.101, 29.141, 157.725
CIE-LUV	41.101, -25.84, 17.561
Hunter-Lab	34.536, -19.071, 8.574
Binary	00110001, 01101100, 01001110

#316c4e
```
#316c4e rgb(49,108,78)
```
#6c314f
```
#6c314f rgb(108,49,79)
```

Complementary Color

#326c31
```
#326c31 rgb(50,108,49)
```
#316c4e
```
#316c4e rgb(49,108,78)
```
#316c6c
```
#316c6c rgb(49,108,108)
```

Analogous Color

#6c3132
```
#6c3132 rgb(108,49,50)
```
#316c4e
```
#316c4e rgb(49,108,78)
```
#6c316c
```
#6c316c rgb(108,49,108)
```

Split Complementary Color

#6c4e31
```
#6c4e31 rgb(108,78,49)
```
#316c4e
```
#316c4e rgb(49,108,78)
```
#4e316c
```
#4e316c rgb(78,49,108)
```

Triadic Color

#4f6c31
```
#4f6c31 rgb(79,108,49)
```
#316c4e
```
#316c4e rgb(49,108,78)
```
#4e316c
```
#4e316c rgb(78,49,108)
```
#6c314f
```
#6c314f rgb(108,49,79)
```

Tetradic Color

#193728
```
#193728 rgb(25,55,40)
```
#214935
```
#214935 rgb(33,73,53)
```
#295a41
```
#295a41 rgb(41,90,65)
```
#316c4e
```
#316c4e rgb(49,108,78)
```
#397e5b
```
#397e5b rgb(57,126,91)
```
#418f67
```
#418f67 rgb(65,143,103)
```
#49a174
```
#49a174 rgb(73,161,116)
```

Monochromatic Color

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

#316c3f
```
#316c3f rgb(49,108,63)
```
#316c44
```
#316c44 rgb(49,108,68)
```
#316c49
```
#316c49 rgb(49,108,73)
```
#316c4e
```
#316c4e rgb(49,108,78)
```
#316c53
```
#316c53 rgb(49,108,83)
```
#316c58
```
#316c58 rgb(49,108,88)
```
#316c5d
```
#316c5d rgb(49,108,93)
```

Similar Colors

Text with hexadecimal color #316c4e

This text has a font color of #316c4e.

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

#316c4e background color

This paragraph has a background color of #316c4e.

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

#316c4e border color

This element has a border color of #316c4e.

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

CSS codes

.text {color:#316c4e;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#060e0a
```
#060e0a rgb(6,14,10)
```
#0c1b14
```
#0c1b14 rgb(12,27,20)
```
#12291d
```
#12291d rgb(18,41,29)
```
#193627
```
#193627 rgb(25,54,39)
```
#1f4431
```
#1f4431 rgb(31,68,49)
```
#25513b
```
#25513b rgb(37,81,59)
```
#2b5f44
```
#2b5f44 rgb(43,95,68)
```
#316c4e
```
#316c4e rgb(49,108,78)
```
#377958
```
#377958 rgb(55,121,88)
```
#3d8761
```
#3d8761 rgb(61,135,97)
```
#43946b
```
#43946b rgb(67,148,107)
```
#49a275
```
#49a275 rgb(73,162,117)
```

Shade Color Variation

#50af7f
```
#50af7f rgb(80,175,127)
```
#5db689
```
#5db689 rgb(93,182,137)
```
#6bbc92
```
#6bbc92 rgb(107,188,146)
```
#78c29c
```
#78c29c rgb(120,194,156)
```
#86c8a6
```
#86c8a6 rgb(134,200,166)
```
#93ceb0
```
#93ceb0 rgb(147,206,176)
```
#a1d4ba
```
#a1d4ba rgb(161,212,186)
```
#aedac4
```
#aedac4 rgb(174,218,196)
```
#bce0ce
```
#bce0ce rgb(188,224,206)
```
#c9e7d8
```
#c9e7d8 rgb(201,231,216)
```
#d7ede1
```
#d7ede1 rgb(215,237,225)
```
#e4f3eb
```
#e4f3eb rgb(228,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, #49544e is the less saturated color, while #019c4d is the most saturated one.

#49544e
```
#49544e rgb(73,84,78)
```
#435a4e
```
#435a4e rgb(67,90,78)
```
#3d604e
```
#3d604e rgb(61,96,78)
```
#37664e
```
#37664e rgb(55,102,78)
```
#316c4e
```
#316c4e rgb(49,108,78)
```
#2b724e
```
#2b724e rgb(43,114,78)
```
#25784e
```
#25784e rgb(37,120,78)
```
#1f7e4e
```
#1f7e4e rgb(31,126,78)
```
#19844e
```
#19844e rgb(25,132,78)
```
#138a4d
```
#138a4d rgb(19,138,77)
```
#0d904d
```
#0d904d rgb(13,144,77)
```
#07964d
```
#07964d rgb(7,150,77)
```
#019c4d
```
#019c4d rgb(1,156,77)
```

Tone Color Variation

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

#6f6852 Protanopia 1% of men
#77655c Deuteranopia 1% of men
#466f77 Tritanopia 0.001% of the population

Trichromacy

#596a50 Protanomaly 1% of men, 0.01% of women
#5d6756 Deuteranomaly 6% of men, 0.4% of women
#3e6e68 Tritanomaly 0.01% of the population

#316c4e hex color

#316c4e Color Information

#316c4e Color Conversion

Color Schemes with #316c4e

Alternatives to #316c4e

#316c4e Preview

Shades and Tints of #316c4e

Tones of #316c4e

Color Blindness Simulator