colorhexa.com

#314618 hex color

In a RGB color space, hex #314618 is composed of 19.2% red, 27.5% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 30% cyan, 0% magenta, 65.7% yellow and 72.5% black. It has a hue angle of 87.4 degrees, a saturation of 48.9% and a lightness of 18.4%. #314618 color hex could be obtained by blending #628c30 with #000000. Closest websafe color is: #333300.

- R 19
- G 27
- B 9
RGB color chart
- C 30
- M 0
- Y 66
- K 73
CMYK color chart

● #314618 color description : Very dark green.

The hexadecimal color #314618 has RGB values of R:49, G:70, B:24 and CMYK values of C:0.3, M:0, Y:0.66, K:0.73. Its decimal value is 3229208.

Hex triplet	314618	`#314618`
RGB Decimal	49, 70, 24	`rgb(49,70,24)`
RGB Percent	19.2, 27.5, 9.4	`rgb(19.2%,27.5%,9.4%)`
CMYK	30, 0, 66, 73
HSL	87.4°, 48.9, 18.4	`hsl(87.4,48.9%,18.4%)`
HSV (or HSB)	87.4°, 65.7, 27.5
Web Safe	333300	`#333300`

CIE-LAB	27.015, -17.161, 24.597
XYZ	3.622, 5.099, 1.658
xyY	0.349, 0.491, 5.099
CIE-LCH	27.015, 29.992, 124.903
CIE-LUV	27.015, -9.685, 24.955
Hunter-Lab	22.581, -10.89, 11.455
Binary	00110001, 01000110, 00011000

#314618
```
#314618 rgb(49,70,24)
```
#2d1846
```
#2d1846 rgb(45,24,70)
```

Complementary Color

#464418
```
#464418 rgb(70,68,24)
```
#314618
```
#314618 rgb(49,70,24)
```
#1a4618
```
#1a4618 rgb(26,70,24)
```

Analogous Color

#441846
```
#441846 rgb(68,24,70)
```
#314618
```
#314618 rgb(49,70,24)
```
#181a46
```
#181a46 rgb(24,26,70)
```

Split Complementary Color

#090d04
```
#090d04 rgb(9,13,4)
```
#16200b
```
#16200b rgb(22,32,11)
```
#243311
```
#243311 rgb(36,51,17)
```
#314618
```
#314618 rgb(49,70,24)
```
#3e591f
```
#3e591f rgb(62,89,31)
```
#4c6c25
```
#4c6c25 rgb(76,108,37)
```
#597f2c
```
#597f2c rgb(89,127,44)
```

Monochromatic Color

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

#3d4618
```
#3d4618 rgb(61,70,24)
```
#394618
```
#394618 rgb(57,70,24)
```
#354618
```
#354618 rgb(53,70,24)
```
#314618
```
#314618 rgb(49,70,24)
```
#2d4618
```
#2d4618 rgb(45,70,24)
```
#294618
```
#294618 rgb(41,70,24)
```
#264618
```
#264618 rgb(38,70,24)
```

Similar Colors

Text with hexadecimal color #314618

This text has a font color of #314618.

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

#314618 background color

This paragraph has a background color of #314618.

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

#314618 border color

This element has a border color of #314618.

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

CSS codes

.text {color:#314618;}

.background {background-color:#314618;}

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

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)
```
#121a09
```
#121a09 rgb(18,26,9)
```
#1d290e
```
#1d290e rgb(29,41,14)
```
#273713
```
#273713 rgb(39,55,19)
```
#314618
```
#314618 rgb(49,70,24)
```
#3b551d
```
#3b551d rgb(59,85,29)
```
#456322
```
#456322 rgb(69,99,34)
```
#507227
```
#507227 rgb(80,114,39)
```
#5a802c
```
#5a802c rgb(90,128,44)
```
#648f31
```
#648f31 rgb(100,143,49)
```
#6e9e36
```
#6e9e36 rgb(110,158,54)
```
#79ac3b
```
#79ac3b rgb(121,172,59)
```
#83bb40
```
#83bb40 rgb(131,187,64)
```

Shade Color Variation

#8cc24d
```
#8cc24d rgb(140,194,77)
```
#96c75b
```
#96c75b rgb(150,199,91)
```
#9fcc6a
```
#9fcc6a rgb(159,204,106)
```
#a9d178
```
#a9d178 rgb(169,209,120)
```
#b2d687
```
#b2d687 rgb(178,214,135)
```
#bbdb96
```
#bbdb96 rgb(187,219,150)
```
#c5e0a4
```
#c5e0a4 rgb(197,224,164)
```
#cee5b3
```
#cee5b3 rgb(206,229,179)
```
#d7eac2
```
#d7eac2 rgb(215,234,194)
```
#e1efd0
```
#e1efd0 rgb(225,239,208)
```
#eaf4df
```
#eaf4df rgb(234,244,223)
```
#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, #2f302e is the less saturated color, while #335c02 is the most saturated one.

#2f302e
```
#2f302e rgb(47,48,46)
```
#2f342a
```
#2f342a rgb(47,52,42)
```
#303826
```
#303826 rgb(48,56,38)
```
#303b23
```
#303b23 rgb(48,59,35)
```
#303f1f
```
#303f1f rgb(48,63,31)
```
#31421c
```
#31421c rgb(49,66,28)
```
#314618
```
#314618 rgb(49,70,24)
```
#314a14
```
#314a14 rgb(49,74,20)
```
#324d11
```
#324d11 rgb(50,77,17)
```
#32510d
```
#32510d rgb(50,81,13)
```
#32540a
```
#32540a rgb(50,84,10)
```
#335806
```
#335806 rgb(51,88,6)
```
#335c02
```
#335c02 rgb(51,92,2)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#383c33 Atypical Achromatopsia 0.001% of the population

Dichromacy

#514922 Protanopia 1% of men
#594627 Deuteranopia 1% of men
#424b50 Tritanopia 0.001% of the population

Trichromacy

#45481e Protanomaly 1% of men, 0.01% of women
#4b4621 Deuteranomaly 6% of men, 0.4% of women
#3c493b Tritanomaly 0.01% of the population