colorhexa.com

#334a30 hex color

In a RGB color space, hex #334a30 is composed of 20% red, 29% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 31.1% cyan, 0% magenta, 35.1% yellow and 71% black. It has a hue angle of 113.1 degrees, a saturation of 21.3% and a lightness of 23.9%. #334a30 color hex could be obtained by blending #669460 with #000000. Closest websafe color is: #333333.

- R 20
- G 29
- B 19
RGB color chart
- C 31
- M 0
- Y 35
- K 71
CMYK color chart

● #334a30 color description : Very dark desaturated lime green.

The hexadecimal color #334a30 has RGB values of R:51, G:74, B:48 and CMYK values of C:0.31, M:0, Y:0.35, K:0.71. Its decimal value is 3361328.

Hex triplet	334a30	`#334a30`
RGB Decimal	51, 74, 48	`rgb(51,74,48)`
RGB Percent	20, 29, 18.8	`rgb(20%,29%,18.8%)`
CMYK	31, 0, 35, 71
HSL	113.1°, 21.3, 23.9	`hsl(113.1,21.3%,23.9%)`
HSV (or HSB)	113.1°, 35.1, 29
Web Safe	333333	`#333333`

CIE-LAB	28.94, -14.893, 12.764
XYZ	4.347, 5.815, 3.689
xyY	0.314, 0.42, 5.815
CIE-LCH	28.94, 19.615, 139.403
CIE-LUV	28.94, -10.688, 15.63
Hunter-Lab	24.114, -10.017, 7.808
Binary	00110011, 01001010, 00110000

#334a30
```
#334a30 rgb(51,74,48)
```
#47304a
```
#47304a rgb(71,48,74)
```

Complementary Color

#404a30
```
#404a30 rgb(64,74,48)
```
#334a30
```
#334a30 rgb(51,74,48)
```
#304a3a
```
#304a3a rgb(48,74,58)
```

Analogous Color

#4a3040
```
#4a3040 rgb(74,48,64)
```
#334a30
```
#334a30 rgb(51,74,48)
```
#3a304a
```
#3a304a rgb(58,48,74)
```

Split Complementary Color

#131c12
```
#131c12 rgb(19,28,18)
```
#1e2b1c
```
#1e2b1c rgb(30,43,28)
```
#283b26
```
#283b26 rgb(40,59,38)
```
#334a30
```
#334a30 rgb(51,74,48)
```
#3e593a
```
#3e593a rgb(62,89,58)
```
#486944
```
#486944 rgb(72,105,68)
```
#53784e
```
#53784e rgb(83,120,78)
```

Monochromatic Color

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

#3a4a30
```
#3a4a30 rgb(58,74,48)
```
#374a30
```
#374a30 rgb(55,74,48)
```
#354a30
```
#354a30 rgb(53,74,48)
```
#334a30
```
#334a30 rgb(51,74,48)
```
#314a30
```
#314a30 rgb(49,74,48)
```
#304a31
```
#304a31 rgb(48,74,49)
```
#304a34
```
#304a34 rgb(48,74,52)
```

Similar Colors

Text with hexadecimal color #334a30

This text has a font color of #334a30.

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

#334a30 background color

This paragraph has a background color of #334a30.

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

#334a30 border color

This element has a border color of #334a30.

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

CSS codes

.text {color:#334a30;}

.background {background-color:#334a30;}

.border {border:1px solid #334a30;}

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

#020302
```
#020302 rgb(2,3,2)
```
#0a0f09
```
#0a0f09 rgb(10,15,9)
```
#121a11
```
#121a11 rgb(18,26,17)
```
#1a2619
```
#1a2619 rgb(26,38,25)
```
#233221
```
#233221 rgb(35,50,33)
```
#2b3e28
```
#2b3e28 rgb(43,62,40)
```
#334a30
```
#334a30 rgb(51,74,48)
```
#3b5638
```
#3b5638 rgb(59,86,56)
```
#43623f
```
#43623f rgb(67,98,63)
```
#4c6e47
```
#4c6e47 rgb(76,110,71)
```
#547a4f
```
#547a4f rgb(84,122,79)
```
#5c8557
```
#5c8557 rgb(92,133,87)
```
#64915e
```
#64915e rgb(100,145,94)
```

Shade Color Variation

#6d9c67
```
#6d9c67 rgb(109,156,103)
```
#79a473
```
#79a473 rgb(121,164,115)
```
#84ac7f
```
#84ac7f rgb(132,172,127)
```
#8fb48b
```
#8fb48b rgb(143,180,139)
```
#9bbb97
```
#9bbb97 rgb(155,187,151)
```
#a6c3a2
```
#a6c3a2 rgb(166,195,162)
```
#b2cbae
```
#b2cbae rgb(178,203,174)
```
#bdd2ba
```
#bdd2ba rgb(189,210,186)
```
#c8dac6
```
#c8dac6 rgb(200,218,198)
```
#d4e2d2
```
#d4e2d2 rgb(212,226,210)
```
#dfeade
```
#dfeade rgb(223,234,222)
```
#ebf1ea
```
#ebf1ea rgb(235,241,234)
```
#f6f9f6
```
#f6f9f6 rgb(246,249,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3a4139 is the less saturated color, while #0f7901 is the most saturated one.

#3a4139
```
#3a4139 rgb(58,65,57)
```
#374535
```
#374535 rgb(55,69,53)
```
#334a30
```
#334a30 rgb(51,74,48)
```
#2f4f2b
```
#2f4f2b rgb(47,79,43)
```
#2c5327
```
#2c5327 rgb(44,83,39)
```
#285822
```
#285822 rgb(40,88,34)
```
#255d1d
```
#255d1d rgb(37,93,29)
```
#216119
```
#216119 rgb(33,97,25)
```
#1d6614
```
#1d6614 rgb(29,102,20)
```
#1a6b0f
```
#1a6b0f rgb(26,107,15)
```
#16700a
```
#16700a rgb(22,112,10)
```
#137406
```
#137406 rgb(19,116,6)
```
#0f7901
```
#0f7901 rgb(15,121,1)
```

Tone Color Variation

Below, you can see how #334a30 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
#3d423d Atypical Achromatopsia 0.001% of the population

Dichromacy

#534d38 Protanopia 1% of men
#5a4b3d Deuteranopia 1% of men
#434f55 Tritanopia 0.001% of the population

Trichromacy

#474c35 Protanomaly 1% of men, 0.01% of women
#4c4a38 Deuteranomaly 6% of men, 0.4% of women
#3d4d48 Tritanomaly 0.01% of the population