colorhexa.com

#334d3c hex color

In a RGB color space, hex #334d3c is composed of 20% red, 30.2% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 33.8% cyan, 0% magenta, 22.1% yellow and 69.8% black. It has a hue angle of 140.8 degrees, a saturation of 20.3% and a lightness of 25.1%. #334d3c color hex could be obtained by blending #669a78 with #000000. Closest websafe color is: #336633.

- R 20
- G 30
- B 24
RGB color chart
- C 34
- M 0
- Y 22
- K 70
CMYK color chart

● #334d3c color description : Very dark grayish cyan - lime green.

The hexadecimal color #334d3c has RGB values of R:51, G:77, B:60 and CMYK values of C:0.34, M:0, Y:0.22, K:0.7. Its decimal value is 3362108.

Hex triplet	334d3c	`#334d3c`
RGB Decimal	51, 77, 60	`rgb(51,77,60)`
RGB Percent	20, 30.2, 23.5	`rgb(20%,30.2%,23.5%)`
CMYK	34, 0, 22, 70
HSL	140.8°, 20.3, 25.1	`hsl(140.8,20.3%,25.1%)`
HSV (or HSB)	140.8°, 33.8, 30.2
Web Safe	336633	`#336633`

CIE-LAB	30.249, -14.091, 6.976
XYZ	4.834, 6.338, 5.243
xyY	0.295, 0.386, 6.338
CIE-LCH	30.249, 15.724, 153.661
CIE-LUV	30.249, -12.032, 9.813
Hunter-Lab	25.175, -9.777, 5.274
Binary	00110011, 01001101, 00111100

#334d3c
```
#334d3c rgb(51,77,60)
```
#4d3344
```
#4d3344 rgb(77,51,68)
```

Complementary Color

#374d33
```
#374d33 rgb(55,77,51)
```
#334d3c
```
#334d3c rgb(51,77,60)
```
#334d49
```
#334d49 rgb(51,77,73)
```

Analogous Color

#4d3337
```
#4d3337 rgb(77,51,55)
```
#334d3c
```
#334d3c rgb(51,77,60)
```
#49334d
```
#49334d rgb(73,51,77)
```

Split Complementary Color

#151f18
```
#151f18 rgb(21,31,24)
```
#1f2e24
```
#1f2e24 rgb(31,46,36)
```
#293e30
```
#293e30 rgb(41,62,48)
```
#334d3c
```
#334d3c rgb(51,77,60)
```
#3d5c48
```
#3d5c48 rgb(61,92,72)
```
#476c54
```
#476c54 rgb(71,108,84)
```
#517b60
```
#517b60 rgb(81,123,96)
```

Monochromatic Color

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

#334d36
```
#334d36 rgb(51,77,54)
```
#334d38
```
#334d38 rgb(51,77,56)
```
#334d3a
```
#334d3a rgb(51,77,58)
```
#334d3c
```
#334d3c rgb(51,77,60)
```
#334d3e
```
#334d3e rgb(51,77,62)
```
#334d40
```
#334d40 rgb(51,77,64)
```
#334d43
```
#334d43 rgb(51,77,67)
```

Similar Colors

Text with hexadecimal color #334d3c

This text has a font color of #334d3c.

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

#334d3c background color

This paragraph has a background color of #334d3c.

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

#334d3c border color

This element has a border color of #334d3c.

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

CSS codes

.text {color:#334d3c;}

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

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

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

#040605
```
#040605 rgb(4,6,5)
```
#0c120e
```
#0c120e rgb(12,18,14)
```
#141e17
```
#141e17 rgb(20,30,23)
```
#1c2a20
```
#1c2a20 rgb(28,42,32)
```
#23352a
```
#23352a rgb(35,53,42)
```
#2b4133
```
#2b4133 rgb(43,65,51)
```
#334d3c
```
#334d3c rgb(51,77,60)
```
#3b5945
```
#3b5945 rgb(59,89,69)
```
#43654e
```
#43654e rgb(67,101,78)
```
#4a7058
```
#4a7058 rgb(74,112,88)
```
#527c61
```
#527c61 rgb(82,124,97)
```
#5a886a
```
#5a886a rgb(90,136,106)
```
#629473
```
#629473 rgb(98,148,115)
```

Shade Color Variation

#6c9e7d
```
#6c9e7d rgb(108,158,125)
```
#78a587
```
#78a587 rgb(120,165,135)
```
#83ad92
```
#83ad92 rgb(131,173,146)
```
#8fb59c
```
#8fb59c rgb(143,181,156)
```
#9bbda7
```
#9bbda7 rgb(155,189,167)
```
#a7c5b1
```
#a7c5b1 rgb(167,197,177)
```
#b3ccbc
```
#b3ccbc rgb(179,204,188)
```
#bed4c6
```
#bed4c6 rgb(190,212,198)
```
#cadcd0
```
#cadcd0 rgb(202,220,208)
```
#d6e4db
```
#d6e4db rgb(214,228,219)
```
#e2ece5
```
#e2ece5 rgb(226,236,229)
```
#eef3f0
```
#eef3f0 rgb(238,243,240)
```
#f9fbfa
```
#f9fbfa rgb(249,251,250)
```

Tint Color Variation

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

#3d433f
```
#3d433f rgb(61,67,63)
```
#38483e
```
#38483e rgb(56,72,62)
```
#334d3c
```
#334d3c rgb(51,77,60)
```
#2e523a
```
#2e523a rgb(46,82,58)
```
#295739
```
#295739 rgb(41,87,57)
```
#245c37
```
#245c37 rgb(36,92,55)
```
#1f6136
```
#1f6136 rgb(31,97,54)
```
#1a6634
```
#1a6634 rgb(26,102,52)
```
#156b33
```
#156b33 rgb(21,107,51)
```
#116f31
```
#116f31 rgb(17,111,49)
```
#0c7430
```
#0c7430 rgb(12,116,48)
```
#07792e
```
#07792e rgb(7,121,46)
```
#027e2d
```
#027e2d rgb(2,126,45)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#404542 Atypical Achromatopsia 0.001% of the population

Dichromacy

#555043 Protanopia 1% of men
#5b4e48 Deuteranopia 1% of men
#425359 Tritanopia 0.001% of the population

Trichromacy

#484f40 Protanomaly 1% of men, 0.01% of women
#4c4d44 Deuteranomaly 6% of men, 0.4% of women
#3c514e Tritanomaly 0.01% of the population