#316e4a hex color

In a RGB color space, hex #316e4a is composed of 19.2% red, 43.1% green and 29% blue. Whereas in a CMYK color space, it is composed of 55.5% cyan, 0% magenta, 32.7% yellow and 56.9% black. It has a hue angle of 144.6 degrees, a saturation of 38.4% and a lightness of 31.2%. #316e4a color hex could be obtained by blending #62dc94 with #000000. Closest websafe color is: #336633.

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

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

The hexadecimal color #316e4a has RGB values of R:49, G:110, B:74 and CMYK values of C:0.55, M:0, Y:0.33, K:0.57. Its decimal value is 3239498.

Hex triplet	316e4a	`#316e4a`
RGB Decimal	49, 110, 74	`rgb(49,110,74)`
RGB Percent	19.2, 43.1, 29	`rgb(19.2%,43.1%,29%)`
CMYK	55, 0, 33, 57
HSL	144.6°, 38.4, 31.2	`hsl(144.6,38.4%,31.2%)`
HSV (or HSB)	144.6°, 55.5, 43.1
Web Safe	336633	`#336633`

CIE-LAB	41.687, -28.817, 14.231
XYZ	8.078, 12.299, 8.426
xyY	0.28, 0.427, 12.299
CIE-LCH	41.687, 32.139, 153.719
CIE-LUV	41.687, -26.829, 21.561
Hunter-Lab	35.069, -20.255, 10.303
Binary	00110001, 01101110, 01001010

#316e4a
```
#316e4a rgb(49,110,74)
```
#6e3155
```
#6e3155 rgb(110,49,85)
```

Complementary Color

#376e31
```
#376e31 rgb(55,110,49)
```
#316e4a
```
#316e4a rgb(49,110,74)
```
#316e69
```
#316e69 rgb(49,110,105)
```

Analogous Color

#6e3136
```
#6e3136 rgb(110,49,54)
```
#316e4a
```
#316e4a rgb(49,110,74)
```
#69316e
```
#69316e rgb(105,49,110)
```

Split Complementary Color

#6e4a31
```
#6e4a31 rgb(110,74,49)
```
#316e4a
```
#316e4a rgb(49,110,74)
```
#4a316e
```
#4a316e rgb(74,49,110)
```

Triadic Color

#556e31
```
#556e31 rgb(85,110,49)
```
#316e4a
```
#316e4a rgb(49,110,74)
```
#4a316e
```
#4a316e rgb(74,49,110)
```
#6e3155
```
#6e3155 rgb(110,49,85)
```

Tetradic Color

#193926
```
#193926 rgb(25,57,38)
```
#214b32
```
#214b32 rgb(33,75,50)
```
#295c3e
```
#295c3e rgb(41,92,62)
```
#316e4a
```
#316e4a rgb(49,110,74)
```
#398056
```
#398056 rgb(57,128,86)
```
#419162
```
#419162 rgb(65,145,98)
```
#49a36e
```
#49a36e rgb(73,163,110)
```

Monochromatic Color

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

#316e3b
```
#316e3b rgb(49,110,59)
```
#316e40
```
#316e40 rgb(49,110,64)
```
#316e45
```
#316e45 rgb(49,110,69)
```
#316e4a
```
#316e4a rgb(49,110,74)
```
#316e4f
```
#316e4f rgb(49,110,79)
```
#316e54
```
#316e54 rgb(49,110,84)
```
#316e59
```
#316e59 rgb(49,110,89)
```

Similar Colors

Text with hexadecimal color #316e4a

This text has a font color of #316e4a.

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

#316e4a background color

This paragraph has a background color of #316e4a.

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

#316e4a border color

This element has a border color of #316e4a.

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

CSS codes

.text {color:#316e4a;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#070f0a
```
#070f0a rgb(7,15,10)
```
#0d1d13
```
#0d1d13 rgb(13,29,19)
```
#132a1c
```
#132a1c rgb(19,42,28)
```
#193825
```
#193825 rgb(25,56,37)
```
#1f452f
```
#1f452f rgb(31,69,47)
```
#255338
```
#255338 rgb(37,83,56)
```
#2b6041
```
#2b6041 rgb(43,96,65)
```
#316e4a
```
#316e4a rgb(49,110,74)
```
#377c53
```
#377c53 rgb(55,124,83)
```
#3d895c
```
#3d895c rgb(61,137,92)
```
#439765
```
#439765 rgb(67,151,101)
```
#49a46f
```
#49a46f rgb(73,164,111)
```

Shade Color Variation

#50b178
```
#50b178 rgb(80,177,120)
```
#5eb782
```
#5eb782 rgb(94,183,130)
```
#6bbd8d
```
#6bbd8d rgb(107,189,141)
```
#79c397
```
#79c397 rgb(121,195,151)
```
#86c9a2
```
#86c9a2 rgb(134,201,162)
```
#94cfac
```
#94cfac rgb(148,207,172)
```
#a1d5b7
```
#a1d5b7 rgb(161,213,183)
```
#afdbc1
```
#afdbc1 rgb(175,219,193)
```
#bde1cc
```
#bde1cc rgb(189,225,204)
```
#cae7d6
```
#cae7d6 rgb(202,231,214)
```
#d8eee1
```
#d8eee1 rgb(216,238,225)
```
#e5f4eb
```
#e5f4eb rgb(229,244,235)
```
#f3faf6
```
#f3faf6 rgb(243,250,246)
```

Tint Color Variation

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

#49564e
```
#49564e rgb(73,86,78)
```
#435c4d
```
#435c4d rgb(67,92,77)
```
#3d624c
```
#3d624c rgb(61,98,76)
```
#37684b
```
#37684b rgb(55,104,75)
```
#316e4a
```
#316e4a rgb(49,110,74)
```
#2b7449
```
#2b7449 rgb(43,116,73)
```
#257a48
```
#257a48 rgb(37,122,72)
```
#1f8047
```
#1f8047 rgb(31,128,71)
```
#198646
```
#198646 rgb(25,134,70)
```
#128d44
```
#128d44 rgb(18,141,68)
```
#0c9343
```
#0c9343 rgb(12,147,67)
```
#069942
```
#069942 rgb(6,153,66)
```
#009f41
```
#009f41 rgb(0,159,65)
```

Tone Color Variation

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

Dichromacy

#726a4e Protanopia 1% of men
#7a6658 Deuteranopia 1% of men
#477078 Tritanopia 0.001% of the population

Trichromacy

#5a6b4d Protanomaly 1% of men, 0.01% of women
#5f6953 Deuteranomaly 6% of men, 0.4% of women
#3f6f67 Tritanomaly 0.01% of the population

#316e4a hex color

#316e4a Color Information

#316e4a Color Conversion

Color Schemes with #316e4a

Alternatives to #316e4a

#316e4a Preview

Shades and Tints of #316e4a

Tones of #316e4a

Color Blindness Simulator