#314d23 hex color

In a RGB color space, hex #314d23 is composed of 19.2% red, 30.2% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 36.4% cyan, 0% magenta, 54.5% yellow and 69.8% black. It has a hue angle of 100 degrees, a saturation of 37.5% and a lightness of 22%. #314d23 color hex could be obtained by blending #629a46 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 19
- G 30
- B 14
RGB color chart
- C 36
- M 0
- Y 55
- K 70
CMYK color chart

● #314d23 color description : Very dark desaturated green.

The hexadecimal color #314d23 has RGB values of R:49, G:77, B:35 and CMYK values of C:0.36, M:0, Y:0.55, K:0.7. Its decimal value is 3231011.

Hex triplet	314d23	`#314d23`
RGB Decimal	49, 77, 35	`rgb(49,77,35)`
RGB Percent	19.2, 30.2, 13.7	`rgb(19.2%,30.2%,13.7%)`
CMYK	36, 0, 55, 70
HSL	100°, 37.5, 22	`hsl(100,37.5%,22%)`
HSV (or HSB)	100°, 54.5, 30.2
Web Safe	336633	`#336633`

CIE-LAB	29.618, -19.528, 21.495
XYZ	4.224, 6.082, 2.541
xyY	0.329, 0.473, 6.082
CIE-LCH	29.618, 29.041, 132.255
CIE-LUV	29.618, -13.066, 24.141
Hunter-Lab	24.662, -12.586, 11.153
Binary	00110001, 01001101, 00100011

#314d23
```
#314d23 rgb(49,77,35)
```
#3f234d
```
#3f234d rgb(63,35,77)
```

Complementary Color

#464d23
```
#464d23 rgb(70,77,35)
```
#314d23
```
#314d23 rgb(49,77,35)
```
#234d2a
```
#234d2a rgb(35,77,42)
```

Analogous Color

#4d2346
```
#4d2346 rgb(77,35,70)
```
#314d23
```
#314d23 rgb(49,77,35)
```
#2a234d
```
#2a234d rgb(42,35,77)
```

Split Complementary Color

#4d2331
```
#4d2331 rgb(77,35,49)
```
#314d23
```
#314d23 rgb(49,77,35)
```
#23314d
```
#23314d rgb(35,49,77)
```

Triadic Color

#4d3f23
```
#4d3f23 rgb(77,63,35)
```
#314d23
```
#314d23 rgb(49,77,35)
```
#23314d
```
#23314d rgb(35,49,77)
```
#3f234d
```
#3f234d rgb(63,35,77)
```

Tetradic Color

#10180b
```
#10180b rgb(16,24,11)
```
#1b2a13
```
#1b2a13 rgb(27,42,19)
```
#263b1b
```
#263b1b rgb(38,59,27)
```
#314d23
```
#314d23 rgb(49,77,35)
```
#3c5f2b
```
#3c5f2b rgb(60,95,43)
```
#477033
```
#477033 rgb(71,112,51)
```
#52823b
```
#52823b rgb(82,130,59)
```

Monochromatic Color

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

#3c4d23
```
#3c4d23 rgb(60,77,35)
```
#384d23
```
#384d23 rgb(56,77,35)
```
#354d23
```
#354d23 rgb(53,77,35)
```
#314d23
```
#314d23 rgb(49,77,35)
```
#2e4d23
```
#2e4d23 rgb(46,77,35)
```
#2a4d23
```
#2a4d23 rgb(42,77,35)
```
#274d23
```
#274d23 rgb(39,77,35)
```

Similar Colors

Text with hexadecimal color #314d23

This text has a font color of #314d23.

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

#314d23 background color

This paragraph has a background color of #314d23.

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

#314d23 border color

This element has a border color of #314d23.

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

CSS codes

.text {color:#314d23;}

.background {background-color:#314d23;}

.border {border:1px solid #314d23;}

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, #060a04 is the darkest color, while #fcfdfb is the lightest one.

#060a04
```
#060a04 rgb(6,10,4)
```
#0f170a
```
#0f170a rgb(15,23,10)
```
#172511
```
#172511 rgb(23,37,17)
```
#203217
```
#203217 rgb(32,50,23)
```
#28401d
```
#28401d rgb(40,64,29)
```
#314d23
```
#314d23 rgb(49,77,35)
```
#3a5a29
```
#3a5a29 rgb(58,90,41)
```
#42682f
```
#42682f rgb(66,104,47)
```
#4b7535
```
#4b7535 rgb(75,117,53)
```
#53833c
```
#53833c rgb(83,131,60)
```
#5c9042
```
#5c9042 rgb(92,144,66)
```
#649e48
```
#649e48 rgb(100,158,72)
```
#6dab4e
```
#6dab4e rgb(109,171,78)
```

Shade Color Variation

#77b459
```
#77b459 rgb(119,180,89)
```
#82ba67
```
#82ba67 rgb(130,186,103)
```
#8dc074
```
#8dc074 rgb(141,192,116)
```
#98c682
```
#98c682 rgb(152,198,130)
```
#a4cc8f
```
#a4cc8f rgb(164,204,143)
```
#afd29d
```
#afd29d rgb(175,210,157)
```
#bad8aa
```
#bad8aa rgb(186,216,170)
```
#c5dfb8
```
#c5dfb8 rgb(197,223,184)
```
#d0e5c5
```
#d0e5c5 rgb(208,229,197)
```
#dbebd3
```
#dbebd3 rgb(219,235,211)
```
#e6f1e0
```
#e6f1e0 rgb(230,241,224)
```
#f1f7ee
```
#f1f7ee rgb(241,247,238)
```
#fcfdfb
```
#fcfdfb rgb(252,253,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #373c34 is the less saturated color, while #266f01 is the most saturated one.

#373c34
```
#373c34 rgb(55,60,52)
```
#354030
```
#354030 rgb(53,64,48)
```
#34442c
```
#34442c rgb(52,68,44)
```
#324927
```
#324927 rgb(50,73,39)
```
#314d23
```
#314d23 rgb(49,77,35)
```
#30511f
```
#30511f rgb(48,81,31)
```
#2e561a
```
#2e561a rgb(46,86,26)
```
#2d5a16
```
#2d5a16 rgb(45,90,22)
```
#2b5e12
```
#2b5e12 rgb(43,94,18)
```
#2a630d
```
#2a630d rgb(42,99,13)
```
#286709
```
#286709 rgb(40,103,9)
```
#276b05
```
#276b05 rgb(39,107,5)
```
#266f01
```
#266f01 rgb(38,111,1)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3d433a Atypical Achromatopsia 0.001% of the population

Dichromacy

#574f2c Protanopia 1% of men
#5f4c31 Deuteranopia 1% of men
#435157 Tritanopia 0.001% of the population

Trichromacy

#494e28 Protanomaly 1% of men, 0.01% of women
#4e4c2c Deuteranomaly 6% of men, 0.4% of women
#3c4f44 Tritanomaly 0.01% of the population

#314d23 hex color

#314d23 Color Information

#314d23 Color Conversion

Color Schemes with #314d23

Alternatives to #314d23

#314d23 Preview

Shades and Tints of #314d23

Tones of #314d23

Color Blindness Simulator