#316e4f hex color

In a RGB color space, hex #316e4f is composed of 19.2% red, 43.1% green and 31% blue. Whereas in a CMYK color space, it is composed of 55.5% cyan, 0% magenta, 28.2% yellow and 56.9% black. It has a hue angle of 149.5 degrees, a saturation of 38.4% and a lightness of 31.2%. #316e4f color hex could be obtained by blending #62dc9e 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

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

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

Hex triplet	316e4f	`#316e4f`
RGB Decimal	49, 110, 79	`rgb(49,110,79)`
RGB Percent	19.2, 43.1, 31	`rgb(19.2%,43.1%,31%)`
CMYK	55, 0, 28, 57
HSL	149.5°, 38.4, 31.2	`hsl(149.5,38.4%,31.2%)`
HSV (or HSB)	149.5°, 55.5, 43.1
Web Safe	336666	`#336666`

CIE-LAB	41.796, -27.711, 11.415
XYZ	8.253, 12.369, 9.349
xyY	0.275, 0.413, 12.369
CIE-LCH	41.796, 29.97, 157.611
CIE-LUV	41.796, -26.635, 18.191
Hunter-Lab	35.169, -19.657, 8.857
Binary	00110001, 01101110, 01001111

#316e4f
```
#316e4f rgb(49,110,79)
```
#6e3150
```
#6e3150 rgb(110,49,80)
```

Complementary Color

#326e31
```
#326e31 rgb(50,110,49)
```
#316e4f
```
#316e4f rgb(49,110,79)
```
#316e6e
```
#316e6e rgb(49,110,110)
```

Analogous Color

#6e3132
```
#6e3132 rgb(110,49,50)
```
#316e4f
```
#316e4f rgb(49,110,79)
```
#6e316e
```
#6e316e rgb(110,49,110)
```

Split Complementary Color

#6e4f31
```
#6e4f31 rgb(110,79,49)
```
#316e4f
```
#316e4f rgb(49,110,79)
```
#4f316e
```
#4f316e rgb(79,49,110)
```

Triadic Color

#506e31
```
#506e31 rgb(80,110,49)
```
#316e4f
```
#316e4f rgb(49,110,79)
```
#4f316e
```
#4f316e rgb(79,49,110)
```
#6e3150
```
#6e3150 rgb(110,49,80)
```

Tetradic Color

#193929
```
#193929 rgb(25,57,41)
```
#214b36
```
#214b36 rgb(33,75,54)
```
#295c42
```
#295c42 rgb(41,92,66)
```
#316e4f
```
#316e4f rgb(49,110,79)
```
#39805c
```
#39805c rgb(57,128,92)
```
#419168
```
#419168 rgb(65,145,104)
```
#49a375
```
#49a375 rgb(73,163,117)
```

Monochromatic Color

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

#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)
```
#316e5e
```
#316e5e rgb(49,110,94)
```

Similar Colors

Text with hexadecimal color #316e4f

This text has a font color of #316e4f.

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

#316e4f background color

This paragraph has a background color of #316e4f.

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

#316e4f border color

This element has a border color of #316e4f.

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

CSS codes

.text {color:#316e4f;}

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

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

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)
```
#070f0b
```
#070f0b rgb(7,15,11)
```
#0d1d15
```
#0d1d15 rgb(13,29,21)
```
#132a1e
```
#132a1e rgb(19,42,30)
```
#193828
```
#193828 rgb(25,56,40)
```
#1f4532
```
#1f4532 rgb(31,69,50)
```
#25533c
```
#25533c rgb(37,83,60)
```
#2b6045
```
#2b6045 rgb(43,96,69)
```
#316e4f
```
#316e4f rgb(49,110,79)
```
#377c59
```
#377c59 rgb(55,124,89)
```
#3d8962
```
#3d8962 rgb(61,137,98)
```
#43976c
```
#43976c rgb(67,151,108)
```
#49a476
```
#49a476 rgb(73,164,118)
```

Shade Color Variation

#50b180
```
#50b180 rgb(80,177,128)
```
#5eb78a
```
#5eb78a rgb(94,183,138)
```
#6bbd93
```
#6bbd93 rgb(107,189,147)
```
#79c39d
```
#79c39d rgb(121,195,157)
```
#86c9a7
```
#86c9a7 rgb(134,201,167)
```
#94cfb1
```
#94cfb1 rgb(148,207,177)
```
#a1d5bb
```
#a1d5bb rgb(161,213,187)
```
#afdbc5
```
#afdbc5 rgb(175,219,197)
```
#bde1cf
```
#bde1cf rgb(189,225,207)
```
#cae7d9
```
#cae7d9 rgb(202,231,217)
```
#d8eee2
```
#d8eee2 rgb(216,238,226)
```
#e5f4ec
```
#e5f4ec rgb(229,244,236)
```
#f3faf6
```
#f3faf6 rgb(243,250,246)
```

Tint Color Variation

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

#49564f
```
#49564f rgb(73,86,79)
```
#435c4f
```
#435c4f rgb(67,92,79)
```
#3d624f
```
#3d624f rgb(61,98,79)
```
#37684f
```
#37684f rgb(55,104,79)
```
#316e4f
```
#316e4f rgb(49,110,79)
```
#2b744f
```
#2b744f rgb(43,116,79)
```
#257a4f
```
#257a4f rgb(37,122,79)
```
#1f804f
```
#1f804f rgb(31,128,79)
```
#19864f
```
#19864f rgb(25,134,79)
```
#128d4e
```
#128d4e rgb(18,141,78)
```
#0c934e
```
#0c934e rgb(12,147,78)
```
#06994e
```
#06994e rgb(6,153,78)
```
#009f4e
```
#009f4e rgb(0,159,78)
```

Tone Color Variation

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

#716a53 Protanopia 1% of men
#79675d Deuteranopia 1% of men
#477179 Tritanopia 0.001% of the population

Trichromacy

#5a6b51 Protanomaly 1% of men, 0.01% of women
#5f6957 Deuteranomaly 6% of men, 0.4% of women
#3f6f69 Tritanomaly 0.01% of the population

#316e4f hex color

#316e4f Color Information

#316e4f Color Conversion

Color Schemes with #316e4f

Alternatives to #316e4f

#316e4f Preview

Shades and Tints of #316e4f

Tones of #316e4f

Color Blindness Simulator