#314a23 hex color

In a RGB color space, hex #314a23 is composed of 19.2% red, 29% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 33.8% cyan, 0% magenta, 52.7% yellow and 71% black. It has a hue angle of 98.5 degrees, a saturation of 35.8% and a lightness of 21.4%. #314a23 color hex could be obtained by blending #629446 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 29
- B 14
RGB color chart
- C 34
- M 0
- Y 53
- K 71
CMYK color chart

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

The hexadecimal color #314a23 has RGB values of R:49, G:74, B:35 and CMYK values of C:0.34, M:0, Y:0.53, K:0.71. Its decimal value is 3230243.

Hex triplet	314a23	`#314a23`
RGB Decimal	49, 74, 35	`rgb(49,74,35)`
RGB Percent	19.2, 29, 13.7	`rgb(19.2%,29%,13.7%)`
CMYK	34, 0, 53, 71
HSL	98.5°, 35.8, 21.4	`hsl(98.5,35.8%,21.4%)`
HSV (or HSB)	98.5°, 52.7, 29
Web Safe	333333	`#333333`

CIE-LAB	28.569, -17.919, 20.203
XYZ	4.019, 5.672, 2.473
xyY	0.33, 0.466, 5.672
CIE-LCH	28.569, 27.005, 131.571
CIE-LUV	28.569, -11.62, 22.491
Hunter-Lab	23.815, -11.557, 10.514
Binary	00110001, 01001010, 00100011

#314a23
```
#314a23 rgb(49,74,35)
```
#3c234a
```
#3c234a rgb(60,35,74)
```

Complementary Color

#454a23
```
#454a23 rgb(69,74,35)
```
#314a23
```
#314a23 rgb(49,74,35)
```
#234a29
```
#234a29 rgb(35,74,41)
```

Analogous Color

#4a2345
```
#4a2345 rgb(74,35,69)
```
#314a23
```
#314a23 rgb(49,74,35)
```
#29234a
```
#29234a rgb(41,35,74)
```

Split Complementary Color

#4a2331
```
#4a2331 rgb(74,35,49)
```
#314a23
```
#314a23 rgb(49,74,35)
```
#23314a
```
#23314a rgb(35,49,74)
```

Triadic Color

#4a3c23
```
#4a3c23 rgb(74,60,35)
```
#314a23
```
#314a23 rgb(49,74,35)
```
#23314a
```
#23314a rgb(35,49,74)
```
#3c234a
```
#3c234a rgb(60,35,74)
```

Tetradic Color

#0f160a
```
#0f160a rgb(15,22,10)
```
#1a2713
```
#1a2713 rgb(26,39,19)
```
#26391b
```
#26391b rgb(38,57,27)
```
#314a23
```
#314a23 rgb(49,74,35)
```
#3c5b2b
```
#3c5b2b rgb(60,91,43)
```
#486d33
```
#486d33 rgb(72,109,51)
```
#537e3c
```
#537e3c rgb(83,126,60)
```

Monochromatic Color

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

#3b4a23
```
#3b4a23 rgb(59,74,35)
```
#384a23
```
#384a23 rgb(56,74,35)
```
#344a23
```
#344a23 rgb(52,74,35)
```
#314a23
```
#314a23 rgb(49,74,35)
```
#2e4a23
```
#2e4a23 rgb(46,74,35)
```
#2b4a23
```
#2b4a23 rgb(43,74,35)
```
#274a23
```
#274a23 rgb(39,74,35)
```

Similar Colors

Text with hexadecimal color #314a23

This text has a font color of #314a23.

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

#314a23 background color

This paragraph has a background color of #314a23.

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

#314a23 border color

This element has a border color of #314a23.

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

CSS codes

.text {color:#314a23;}

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

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

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

#050704
```
#050704 rgb(5,7,4)
```
#0e150a
```
#0e150a rgb(14,21,10)
```
#172210
```
#172210 rgb(23,34,16)
```
#1f2f16
```
#1f2f16 rgb(31,47,22)
```
#283d1d
```
#283d1d rgb(40,61,29)
```
#314a23
```
#314a23 rgb(49,74,35)
```
#3a5729
```
#3a5729 rgb(58,87,41)
```
#436530
```
#436530 rgb(67,101,48)
```
#4b7236
```
#4b7236 rgb(75,114,54)
```
#547f3c
```
#547f3c rgb(84,127,60)
```
#5d8d42
```
#5d8d42 rgb(93,141,66)
```
#669a49
```
#669a49 rgb(102,154,73)
```
#6fa74f
```
#6fa74f rgb(111,167,79)
```

Shade Color Variation

#79b159
```
#79b159 rgb(121,177,89)
```
#83b767
```
#83b767 rgb(131,183,103)
```
#8ebd74
```
#8ebd74 rgb(142,189,116)
```
#99c481
```
#99c481 rgb(153,196,129)
```
#a4ca8f
```
#a4ca8f rgb(164,202,143)
```
#afd09c
```
#afd09c rgb(175,208,156)
```
#b9d6a9
```
#b9d6a9 rgb(185,214,169)
```
#c4ddb7
```
#c4ddb7 rgb(196,221,183)
```
#cfe3c4
```
#cfe3c4 rgb(207,227,196)
```
#dae9d1
```
#dae9d1 rgb(218,233,209)
```
#e5f0de
```
#e5f0de rgb(229,240,222)
```
#eff6ec
```
#eff6ec rgb(239,246,236)
```
#fafcf9
```
#fafcf9 rgb(250,252,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #363934 is the less saturated color, while #286c01 is the most saturated one.

#363934
```
#363934 rgb(54,57,52)
```
#353d30
```
#353d30 rgb(53,61,48)
```
#33422b
```
#33422b rgb(51,66,43)
```
#324627
```
#324627 rgb(50,70,39)
```
#314a23
```
#314a23 rgb(49,74,35)
```
#304e1f
```
#304e1f rgb(48,78,31)
```
#2f521b
```
#2f521b rgb(47,82,27)
```
#2d5716
```
#2d5716 rgb(45,87,22)
```
#2c5b12
```
#2c5b12 rgb(44,91,18)
```
#2b5f0e
```
#2b5f0e rgb(43,95,14)
```
#2a630a
```
#2a630a rgb(42,99,10)
```
#296706
```
#296706 rgb(41,103,6)
```
#286c01
```
#286c01 rgb(40,108,1)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#3b4039 Atypical Achromatopsia 0.001% of the population

Dichromacy

#544d2c Protanopia 1% of men
#5c4931 Deuteranopia 1% of men
#424f54 Tritanopia 0.001% of the population

Trichromacy

#474c28 Protanomaly 1% of men, 0.01% of women
#4c492c Deuteranomaly 6% of men, 0.4% of women
#3c4d42 Tritanomaly 0.01% of the population

#314a23 hex color

#314a23 Color Information

#314a23 Color Conversion

Color Schemes with #314a23

Alternatives to #314a23

#314a23 Preview

Shades and Tints of #314a23

Tones of #314a23

Color Blindness Simulator