#314717 hex color

In a RGB color space, hex #314717 is composed of 19.2% red, 27.8% green and 9% blue. Whereas in a CMYK color space, it is composed of 31% cyan, 0% magenta, 67.6% yellow and 72.2% black. It has a hue angle of 87.5 degrees, a saturation of 51.1% and a lightness of 18.4%. #314717 color hex could be obtained by blending #628e2e with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 19
- G 28
- B 9
RGB color chart
- C 31
- M 0
- Y 68
- K 72
CMYK color chart

● #314717 color description : Very dark green.

The hexadecimal color #314717 has RGB values of R:49, G:71, B:23 and CMYK values of C:0.31, M:0, Y:0.68, K:0.72. Its decimal value is 3229463.

Hex triplet	314717	`#314717`
RGB Decimal	49, 71, 23	`rgb(49,71,23)`
RGB Percent	19.2, 27.8, 9	`rgb(19.2%,27.8%,9%)`
CMYK	31, 0, 68, 72
HSL	87.5°, 51.1, 18.4	`hsl(87.5,51.1%,18.4%)`
HSV (or HSB)	87.5°, 67.6, 27.8
Web Safe	333300	`#333300`

CIE-LAB	27.356, -17.814, 25.513
XYZ	3.674, 5.221, 1.625
xyY	0.349, 0.496, 5.221
CIE-LCH	27.356, 31.117, 124.924
CIE-LUV	27.356, -10.186, 25.824
Hunter-Lab	22.85, -11.283, 11.779
Binary	00110001, 01000111, 00010111

#314717
```
#314717 rgb(49,71,23)
```
#2d1747
```
#2d1747 rgb(45,23,71)
```

Complementary Color

#474517
```
#474517 rgb(71,69,23)
```
#314717
```
#314717 rgb(49,71,23)
```
#194717
```
#194717 rgb(25,71,23)
```

Analogous Color

#451747
```
#451747 rgb(69,23,71)
```
#314717
```
#314717 rgb(49,71,23)
```
#171947
```
#171947 rgb(23,25,71)
```

Split Complementary Color

#471731
```
#471731 rgb(71,23,49)
```
#314717
```
#314717 rgb(49,71,23)
```
#173147
```
#173147 rgb(23,49,71)
```

Triadic Color

#472d17
```
#472d17 rgb(71,45,23)
```
#314717
```
#314717 rgb(49,71,23)
```
#173147
```
#173147 rgb(23,49,71)
```
#2d1747
```
#2d1747 rgb(45,23,71)
```

Tetradic Color

#090d04
```
#090d04 rgb(9,13,4)
```
#16200b
```
#16200b rgb(22,32,11)
```
#243411
```
#243411 rgb(36,52,17)
```
#314717
```
#314717 rgb(49,71,23)
```
#3e5a1d
```
#3e5a1d rgb(62,90,29)
```
#4c6e23
```
#4c6e23 rgb(76,110,35)
```
#59812a
```
#59812a rgb(89,129,42)
```

Monochromatic Color

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

#3d4717
```
#3d4717 rgb(61,71,23)
```
#394717
```
#394717 rgb(57,71,23)
```
#354717
```
#354717 rgb(53,71,23)
```
#314717
```
#314717 rgb(49,71,23)
```
#2d4717
```
#2d4717 rgb(45,71,23)
```
#294717
```
#294717 rgb(41,71,23)
```
#254717
```
#254717 rgb(37,71,23)
```

Similar Colors

Text with hexadecimal color #314717

This text has a font color of #314717.

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

#314717 background color

This paragraph has a background color of #314717.

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

#314717 border color

This element has a border color of #314717.

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

CSS codes

.text {color:#314717;}

.background {background-color:#314717;}

.border {border:1px solid #314717;}

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, #080c04 is the darkest color, while #fdfefc is the lightest one.

#080c04
```
#080c04 rgb(8,12,4)
```
#121b09
```
#121b09 rgb(18,27,9)
```
#1d290d
```
#1d290d rgb(29,41,13)
```
#273812
```
#273812 rgb(39,56,18)
```
#314717
```
#314717 rgb(49,71,23)
```
#3b561c
```
#3b561c rgb(59,86,28)
```
#456521
```
#456521 rgb(69,101,33)
```
#507325
```
#507325 rgb(80,115,37)
```
#5a822a
```
#5a822a rgb(90,130,42)
```
#64912f
```
#64912f rgb(100,145,47)
```
#6ea034
```
#6ea034 rgb(110,160,52)
```
#79af39
```
#79af39 rgb(121,175,57)
```
#83be3d
```
#83be3d rgb(131,190,61)
```

Shade Color Variation

#8cc44a
```
#8cc44a rgb(140,196,74)
```
#96c959
```
#96c959 rgb(150,201,89)
```
#9fce68
```
#9fce68 rgb(159,206,104)
```
#a9d377
```
#a9d377 rgb(169,211,119)
```
#b2d885
```
#b2d885 rgb(178,216,133)
```
#bbdc94
```
#bbdc94 rgb(187,220,148)
```
#c5e1a3
```
#c5e1a3 rgb(197,225,163)
```
#cee6b2
```
#cee6b2 rgb(206,230,178)
```
#d7ebc1
```
#d7ebc1 rgb(215,235,193)
```
#e1f0cf
```
#e1f0cf rgb(225,240,207)
```
#eaf4de
```
#eaf4de rgb(234,244,222)
```
#f4f9ed
```
#f4f9ed rgb(244,249,237)
```
#fdfefc
```
#fdfefc rgb(253,254,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #2f312d is the less saturated color, while #335d01 is the most saturated one.

#2f312d
```
#2f312d rgb(47,49,45)
```
#2f3529
```
#2f3529 rgb(47,53,41)
```
#303925
```
#303925 rgb(48,57,37)
```
#303c22
```
#303c22 rgb(48,60,34)
```
#30401e
```
#30401e rgb(48,64,30)
```
#31431b
```
#31431b rgb(49,67,27)
```
#314717
```
#314717 rgb(49,71,23)
```
#314b13
```
#314b13 rgb(49,75,19)
```
#324e10
```
#324e10 rgb(50,78,16)
```
#32520c
```
#32520c rgb(50,82,12)
```
#325509
```
#325509 rgb(50,85,9)
```
#335905
```
#335905 rgb(51,89,5)
```
#335d01
```
#335d01 rgb(51,93,1)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#393d34 Atypical Achromatopsia 0.001% of the population

Dichromacy

#524a21 Protanopia 1% of men
#5b4726 Deuteranopia 1% of men
#434b51 Tritanopia 0.001% of the population

Trichromacy

#46491d Protanomaly 1% of men, 0.01% of women
#4b4720 Deuteranomaly 6% of men, 0.4% of women
#3c4a3c Tritanomaly 0.01% of the population

#314717 hex color

#314717 Color Information

#314717 Color Conversion

Color Schemes with #314717

Alternatives to #314717

#314717 Preview

Shades and Tints of #314717

Tones of #314717

Color Blindness Simulator