colorhexa.com

#3d5d2f hex color

In a RGB color space, hex #3d5d2f is composed of 23.9% red, 36.5% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 34.4% cyan, 0% magenta, 49.5% yellow and 63.5% black. It has a hue angle of 101.7 degrees, a saturation of 32.9% and a lightness of 27.5%. #3d5d2f color hex could be obtained by blending #7aba5e with #000000. Closest websafe color is: #336633.

- R 24
- G 36
- B 18
RGB color chart
- C 34
- M 0
- Y 49
- K 64
CMYK color chart

● #3d5d2f color description : Very dark desaturated green.

The hexadecimal color #3d5d2f has RGB values of R:61, G:93, B:47 and CMYK values of C:0.34, M:0, Y:0.49, K:0.64. Its decimal value is 4021551.

Hex triplet	3d5d2f	`#3d5d2f`
RGB Decimal	61, 93, 47	`rgb(61,93,47)`
RGB Percent	23.9, 36.5, 18.4	`rgb(23.9%,36.5%,18.4%)`
CMYK	34, 0, 49, 64
HSL	101.7°, 32.9, 27.5	`hsl(101.7,32.9%,27.5%)`
HSV (or HSB)	101.7°, 49.5, 36.5
Web Safe	336633	`#336633`

CIE-LAB	36.034, -21.382, 22.696
XYZ	6.352, 9.026, 4.097
xyY	0.326, 0.463, 9.026
CIE-LCH	36.034, 31.182, 133.292
CIE-LUV	36.034, -15.408, 27.66
Hunter-Lab	30.043, -14.837, 12.945
Binary	00111101, 01011101, 00101111

#3d5d2f
```
#3d5d2f rgb(61,93,47)
```
#4f2f5d
```
#4f2f5d rgb(79,47,93)
```

Complementary Color

#545d2f
```
#545d2f rgb(84,93,47)
```
#3d5d2f
```
#3d5d2f rgb(61,93,47)
```
#2f5d38
```
#2f5d38 rgb(47,93,56)
```

Analogous Color

#5d2f54
```
#5d2f54 rgb(93,47,84)
```
#3d5d2f
```
#3d5d2f rgb(61,93,47)
```
#382f5d
```
#382f5d rgb(56,47,93)
```

Split Complementary Color

#1c2a15
```
#1c2a15 rgb(28,42,21)
```
#273b1e
```
#273b1e rgb(39,59,30)
```
#324c26
```
#324c26 rgb(50,76,38)
```
#3d5d2f
```
#3d5d2f rgb(61,93,47)
```
#486e38
```
#486e38 rgb(72,110,56)
```
#537f40
```
#537f40 rgb(83,127,64)
```
#5e9049
```
#5e9049 rgb(94,144,73)
```

Monochromatic Color

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

#495d2f
```
#495d2f rgb(73,93,47)
```
#455d2f
```
#455d2f rgb(69,93,47)
```
#415d2f
```
#415d2f rgb(65,93,47)
```
#3d5d2f
```
#3d5d2f rgb(61,93,47)
```
#395d2f
```
#395d2f rgb(57,93,47)
```
#355d2f
```
#355d2f rgb(53,93,47)
```
#325d2f
```
#325d2f rgb(50,93,47)
```

Similar Colors

Text with hexadecimal color #3d5d2f

This text has a font color of #3d5d2f.

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

#3d5d2f background color

This paragraph has a background color of #3d5d2f.

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

#3d5d2f border color

This element has a border color of #3d5d2f.

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

CSS codes

.text {color:#3d5d2f;}

.background {background-color:#3d5d2f;}

.border {border:1px solid #3d5d2f;}

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

#010201
```
#010201 rgb(1,2,1)
```
#0a0f07
```
#0a0f07 rgb(10,15,7)
```
#121c0e
```
#121c0e rgb(18,28,14)
```
#1b2915
```
#1b2915 rgb(27,41,21)
```
#23361b
```
#23361b rgb(35,54,27)
```
#2c4322
```
#2c4322 rgb(44,67,34)
```
#345028
```
#345028 rgb(52,80,40)
```
#3d5d2f
```
#3d5d2f rgb(61,93,47)
```
#466a36
```
#466a36 rgb(70,106,54)
```
#4e773c
```
#4e773c rgb(78,119,60)
```
#578443
```
#578443 rgb(87,132,67)
```
#5f9149
```
#5f9149 rgb(95,145,73)
```
#689e50
```
#689e50 rgb(104,158,80)
```

Shade Color Variation

#71aa57
```
#71aa57 rgb(113,170,87)
```
#7cb164
```
#7cb164 rgb(124,177,100)
```
#87b771
```
#87b771 rgb(135,183,113)
```
#92be7e
```
#92be7e rgb(146,190,126)
```
#9dc58c
```
#9dc58c rgb(157,197,140)
```
#a8cb99
```
#a8cb99 rgb(168,203,153)
```
#b3d2a6
```
#b3d2a6 rgb(179,210,166)
```
#bed8b3
```
#bed8b3 rgb(190,216,179)
```
#c9dfc0
```
#c9dfc0 rgb(201,223,192)
```
#d4e6cd
```
#d4e6cd rgb(212,230,205)
```
#dfecda
```
#dfecda rgb(223,236,218)
```
#eaf3e7
```
#eaf3e7 rgb(234,243,231)
```
#f5f9f4
```
#f5f9f4 rgb(245,249,244)
```

Tint Color Variation

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

#454745
```
#454745 rgb(69,71,69)
```
#434d3f
```
#434d3f rgb(67,77,63)
```
#41523a
```
#41523a rgb(65,82,58)
```
#3f5834
```
#3f5834 rgb(63,88,52)
```
#3d5d2f
```
#3d5d2f rgb(61,93,47)
```
#3b622a
```
#3b622a rgb(59,98,42)
```
#396824
```
#396824 rgb(57,104,36)
```
#376d1f
```
#376d1f rgb(55,109,31)
```
#357319
```
#357319 rgb(53,115,25)
```
#327814
```
#327814 rgb(50,120,20)
```
#307d0f
```
#307d0f rgb(48,125,15)
```
#2e8309
```
#2e8309 rgb(46,131,9)
```
#2c8804
```
#2c8804 rgb(44,136,4)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#4b5148 Atypical Achromatopsia 0.001% of the population

Dichromacy

#665d37 Protanopia 1% of men
#6f593d Deuteranopia 1% of men
#4f6067 Tritanopia 0.001% of the population

Trichromacy

#575d34 Protanomaly 1% of men, 0.01% of women
#5d5a38 Deuteranomaly 6% of men, 0.4% of women
#495f52 Tritanomaly 0.01% of the population