colorhexa.com

#314e21 hex color

In a RGB color space, hex #314e21 is composed of 19.2% red, 30.6% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 37.2% cyan, 0% magenta, 57.7% yellow and 69.4% black. It has a hue angle of 98.7 degrees, a saturation of 40.5% and a lightness of 21.8%. #314e21 color hex could be obtained by blending #629c42 with #000000. Closest websafe color is: #336633.

- R 19
- G 31
- B 13
RGB color chart
- C 37
- M 0
- Y 58
- K 69
CMYK color chart

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

The hexadecimal color #314e21 has RGB values of R:49, G:78, B:33 and CMYK values of C:0.37, M:0, Y:0.58, K:0.69. Its decimal value is 3231265.

Hex triplet	314e21	`#314e21`
RGB Decimal	49, 78, 33	`rgb(49,78,33)`
RGB Percent	19.2, 30.6, 12.9	`rgb(19.2%,30.6%,12.9%)`
CMYK	37, 0, 58, 69
HSL	98.7°, 40.5, 21.8	`hsl(98.7,40.5%,21.8%)`
HSV (or HSB)	98.7°, 57.7, 30.6
Web Safe	336633	`#336633`

CIE-LAB	29.94, -20.334, 23.029
XYZ	4.265, 6.211, 2.413
xyY	0.331, 0.482, 6.211
CIE-LCH	29.94, 30.721, 131.443
CIE-LUV	29.94, -13.562, 25.58
Hunter-Lab	24.923, -13.065, 11.706
Binary	00110001, 01001110, 00100001

#314e21
```
#314e21 rgb(49,78,33)
```
#3e214e
```
#3e214e rgb(62,33,78)
```

Complementary Color

#484e21
```
#484e21 rgb(72,78,33)
```
#314e21
```
#314e21 rgb(49,78,33)
```
#214e28
```
#214e28 rgb(33,78,40)
```

Analogous Color

#4e2148
```
#4e2148 rgb(78,33,72)
```
#314e21
```
#314e21 rgb(49,78,33)
```
#28214e
```
#28214e rgb(40,33,78)
```

Split Complementary Color

#0f180a
```
#0f180a rgb(15,24,10)
```
#1a2a12
```
#1a2a12 rgb(26,42,18)
```
#263c19
```
#263c19 rgb(38,60,25)
```
#314e21
```
#314e21 rgb(49,78,33)
```
#3c6029
```
#3c6029 rgb(60,96,41)
```
#487230
```
#487230 rgb(72,114,48)
```
#538438
```
#538438 rgb(83,132,56)
```

Monochromatic Color

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

#3c4e21
```
#3c4e21 rgb(60,78,33)
```
#394e21
```
#394e21 rgb(57,78,33)
```
#354e21
```
#354e21 rgb(53,78,33)
```
#314e21
```
#314e21 rgb(49,78,33)
```
#2d4e21
```
#2d4e21 rgb(45,78,33)
```
#2a4e21
```
#2a4e21 rgb(42,78,33)
```
#264e21
```
#264e21 rgb(38,78,33)
```

Similar Colors

Text with hexadecimal color #314e21

This text has a font color of #314e21.

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

#314e21 background color

This paragraph has a background color of #314e21.

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

#314e21 border color

This element has a border color of #314e21.

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

CSS codes

.text {color:#314e21;}

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

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

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

#060904
```
#060904 rgb(6,9,4)
```
#0e170a
```
#0e170a rgb(14,23,10)
```
#172510
```
#172510 rgb(23,37,16)
```
#203215
```
#203215 rgb(32,50,21)
```
#28401b
```
#28401b rgb(40,64,27)
```
#314e21
```
#314e21 rgb(49,78,33)
```
#3a5c27
```
#3a5c27 rgb(58,92,39)
```
#426a2d
```
#426a2d rgb(66,106,45)
```
#4b7732
```
#4b7732 rgb(75,119,50)
```
#548538
```
#548538 rgb(84,133,56)
```
#5c933e
```
#5c933e rgb(92,147,62)
```
#65a144
```
#65a144 rgb(101,161,68)
```
#6eae4a
```
#6eae4a rgb(110,174,74)
```

Shade Color Variation

#78b755
```
#78b755 rgb(120,183,85)
```
#83bd63
```
#83bd63 rgb(131,189,99)
```
#8ec370
```
#8ec370 rgb(142,195,112)
```
#99c97e
```
#99c97e rgb(153,201,126)
```
#a4ce8c
```
#a4ce8c rgb(164,206,140)
```
#afd49a
```
#afd49a rgb(175,212,154)
```
#badaa8
```
#badaa8 rgb(186,218,168)
```
#c4e0b5
```
#c4e0b5 rgb(196,224,181)
```
#cfe6c3
```
#cfe6c3 rgb(207,230,195)
```
#daecd1
```
#daecd1 rgb(218,236,209)
```
#e5f1df
```
#e5f1df rgb(229,241,223)
```
#f0f7ed
```
#f0f7ed rgb(240,247,237)
```
#fbfdfa
```
#fbfdfa rgb(251,253,250)
```

Tint Color Variation

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

#373936
```
#373936 rgb(55,57,54)
```
#363d32
```
#363d32 rgb(54,61,50)
```
#35412e
```
#35412e rgb(53,65,46)
```
#33452a
```
#33452a rgb(51,69,42)
```
#324a25
```
#324a25 rgb(50,74,37)
```
#314e21
```
#314e21 rgb(49,78,33)
```
#30521d
```
#30521d rgb(48,82,29)
```
#2f5718
```
#2f5718 rgb(47,87,24)
```
#2d5b14
```
#2d5b14 rgb(45,91,20)
```
#2c5f10
```
#2c5f10 rgb(44,95,16)
```
#2b630c
```
#2b630c rgb(43,99,12)
```
#2a6807
```
#2a6807 rgb(42,104,7)
```
#286c03
```
#286c03 rgb(40,108,3)
```

Tone Color Variation

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

#58502a Protanopia 1% of men
#604c30 Deuteranopia 1% of men
#435258 Tritanopia 0.001% of the population

Trichromacy

#494f26 Protanomaly 1% of men, 0.01% of women
#4f4d2a Deuteranomaly 6% of men, 0.4% of women
#3d5044 Tritanomaly 0.01% of the population