#316f2f hex color

In a RGB color space, hex #316f2f is composed of 19.2% red, 43.5% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 0% magenta, 57.7% yellow and 56.5% black. It has a hue angle of 118.1 degrees, a saturation of 40.5% and a lightness of 31%. #316f2f color hex could be obtained by blending #62de5e with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 19
- G 44
- B 18
RGB color chart
- C 56
- M 0
- Y 58
- K 56
CMYK color chart

● #316f2f color description : Very dark desaturated lime green.

The hexadecimal color #316f2f has RGB values of R:49, G:111, B:47 and CMYK values of C:0.56, M:0, Y:0.58, K:0.56. Its decimal value is 3239727.

Hex triplet	316f2f	`#316f2f`
RGB Decimal	49, 111, 47	`rgb(49,111,47)`
RGB Percent	19.2, 43.5, 18.4	`rgb(19.2%,43.5%,18.4%)`
CMYK	56, 0, 58, 56
HSL	118.1°, 40.5, 31	`hsl(118.1,40.5%,31%)`
HSV (or HSB)	118.1°, 57.7, 43.5
Web Safe	336633	`#336633`

CIE-LAB	41.574, -34.05, 29.328
XYZ	7.464, 12.227, 4.656
xyY	0.307, 0.502, 12.227
CIE-LCH	41.574, 44.939, 139.261
CIE-LUV	41.574, -28.149, 37.23
Hunter-Lab	34.966, -23.09, 16.582
Binary	00110001, 01101111, 00101111

#316f2f
```
#316f2f rgb(49,111,47)
```
#6d2f6f
```
#6d2f6f rgb(109,47,111)
```

Complementary Color

#516f2f
```
#516f2f rgb(81,111,47)
```
#316f2f
```
#316f2f rgb(49,111,47)
```
#2f6f4d
```
#2f6f4d rgb(47,111,77)
```

Analogous Color

#6f2f51
```
#6f2f51 rgb(111,47,81)
```
#316f2f
```
#316f2f rgb(49,111,47)
```
#4d2f6f
```
#4d2f6f rgb(77,47,111)
```

Split Complementary Color

#6f2f31
```
#6f2f31 rgb(111,47,49)
```
#316f2f
```
#316f2f rgb(49,111,47)
```
#2f316f
```
#2f316f rgb(47,49,111)
```

Triadic Color

#6f6d2f
```
#6f6d2f rgb(111,109,47)
```
#316f2f
```
#316f2f rgb(49,111,47)
```
#2f316f
```
#2f316f rgb(47,49,111)
```
#6d2f6f
```
#6d2f6f rgb(109,47,111)
```

Tetradic Color

#193918
```
#193918 rgb(25,57,24)
```
#214b20
```
#214b20 rgb(33,75,32)
```
#295d27
```
#295d27 rgb(41,93,39)
```
#316f2f
```
#316f2f rgb(49,111,47)
```
#398137
```
#398137 rgb(57,129,55)
```
#41933e
```
#41933e rgb(65,147,62)
```
#49a546
```
#49a546 rgb(73,165,70)
```

Monochromatic Color

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

#416f2f
```
#416f2f rgb(65,111,47)
```
#3c6f2f
```
#3c6f2f rgb(60,111,47)
```
#366f2f
```
#366f2f rgb(54,111,47)
```
#316f2f
```
#316f2f rgb(49,111,47)
```
#2f6f32
```
#2f6f32 rgb(47,111,50)
```
#2f6f38
```
#2f6f38 rgb(47,111,56)
```
#2f6f3d
```
#2f6f3d rgb(47,111,61)
```

Similar Colors

Text with hexadecimal color #316f2f

This text has a font color of #316f2f.

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

#316f2f background color

This paragraph has a background color of #316f2f.

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

#316f2f border color

This element has a border color of #316f2f.

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

CSS codes

.text {color:#316f2f;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#060f06
```
#060f06 rgb(6,15,6)
```
#0d1c0c
```
#0d1c0c rgb(13,28,12)
```
#132a12
```
#132a12 rgb(19,42,18)
```
#193818
```
#193818 rgb(25,56,24)
```
#1f461d
```
#1f461d rgb(31,70,29)
```
#255323
```
#255323 rgb(37,83,35)
```
#2b6129
```
#2b6129 rgb(43,97,41)
```
#316f2f
```
#316f2f rgb(49,111,47)
```
#377d35
```
#377d35 rgb(55,125,53)
```
#3d8b3b
```
#3d8b3b rgb(61,139,59)
```
#439841
```
#439841 rgb(67,152,65)
```
#49a646
```
#49a646 rgb(73,166,70)
```

Shade Color Variation

#50b34d
```
#50b34d rgb(80,179,77)
```
#5db95a
```
#5db95a rgb(93,185,90)
```
#6bbf68
```
#6bbf68 rgb(107,191,104)
```
#78c576
```
#78c576 rgb(120,197,118)
```
#86cb84
```
#86cb84 rgb(134,203,132)
```
#93d192
```
#93d192 rgb(147,209,146)
```
#a1d69f
```
#a1d69f rgb(161,214,159)
```
#afdcad
```
#afdcad rgb(175,220,173)
```
#bce2bb
```
#bce2bb rgb(188,226,187)
```
#cae8c9
```
#cae8c9 rgb(202,232,201)
```
#d7eed6
```
#d7eed6 rgb(215,238,214)
```
#e5f4e4
```
#e5f4e4 rgb(229,244,228)
```
#f2f9f2
```
#f2f9f2 rgb(242,249,242)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4d514d is the less saturated color, while #099a04 is the most saturated one.

#4d514d
```
#4d514d rgb(77,81,77)
```
#485747
```
#485747 rgb(72,87,71)
```
#425d41
```
#425d41 rgb(66,93,65)
```
#3c633b
```
#3c633b rgb(60,99,59)
```
#376935
```
#376935 rgb(55,105,53)
```
#316f2f
```
#316f2f rgb(49,111,47)
```
#2b7529
```
#2b7529 rgb(43,117,41)
```
#267b23
```
#267b23 rgb(38,123,35)
```
#20811d
```
#20811d rgb(32,129,29)
```
#1a8717
```
#1a8717 rgb(26,135,23)
```
#158d11
```
#158d11 rgb(21,141,17)
```
#0f930b
```
#0f930b rgb(15,147,11)
```
#099a04
```
#099a04 rgb(9,154,4)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4e5a4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#756a35 Protanopia 1% of men
#80653f Deuteranopia 1% of men
#4b6f77 Tritanopia 0.001% of the population

Trichromacy

#5c6c33 Protanomaly 1% of men, 0.01% of women
#636939 Deuteranomaly 6% of men, 0.4% of women
#426f5d Tritanomaly 0.01% of the population

#316f2f hex color

#316f2f Color Information

#316f2f Color Conversion

Color Schemes with #316f2f

Alternatives to #316f2f

#316f2f Preview

Shades and Tints of #316f2f

Tones of #316f2f

Color Blindness Simulator