#3a502c hex color

In a RGB color space, hex #3a502c is composed of 22.7% red, 31.4% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 27.5% cyan, 0% magenta, 45% yellow and 68.6% black. It has a hue angle of 96.7 degrees, a saturation of 29% and a lightness of 24.3%. #3a502c color hex could be obtained by blending #74a058 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 23
- G 31
- B 17
RGB color chart
- C 28
- M 0
- Y 45
- K 69
CMYK color chart

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

The hexadecimal color #3a502c has RGB values of R:58, G:80, B:44 and CMYK values of C:0.28, M:0, Y:0.45, K:0.69. Its decimal value is 3821612.

Hex triplet	3a502c	`#3a502c`
RGB Decimal	58, 80, 44	`rgb(58,80,44)`
RGB Percent	22.7, 31.4, 17.3	`rgb(22.7%,31.4%,17.3%)`
CMYK	28, 0, 45, 69
HSL	96.7°, 29, 24.3	`hsl(96.7,29%,24.3%)`
HSV (or HSB)	96.7°, 45, 31.4
Web Safe	336633	`#336633`

CIE-LAB	31.39, -16.075, 18.531
XYZ	5.068, 6.819, 3.432
xyY	0.331, 0.445, 6.819
CIE-LCH	31.39, 24.532, 130.94
CIE-LUV	31.39, -10.414, 21.753
Hunter-Lab	26.112, -11.052, 10.486
Binary	00111010, 01010000, 00101100

#3a502c
```
#3a502c rgb(58,80,44)
```
#422c50
```
#422c50 rgb(66,44,80)
```

Complementary Color

#4c502c
```
#4c502c rgb(76,80,44)
```
#3a502c
```
#3a502c rgb(58,80,44)
```
#2c5030
```
#2c5030 rgb(44,80,48)
```

Analogous Color

#502c4c
```
#502c4c rgb(80,44,76)
```
#3a502c
```
#3a502c rgb(58,80,44)
```
#302c50
```
#302c50 rgb(48,44,80)
```

Split Complementary Color

#502c3a
```
#502c3a rgb(80,44,58)
```
#3a502c
```
#3a502c rgb(58,80,44)
```
#2c3a50
```
#2c3a50 rgb(44,58,80)
```

Triadic Color

#50422c
```
#50422c rgb(80,66,44)
```
#3a502c
```
#3a502c rgb(58,80,44)
```
#2c3a50
```
#2c3a50 rgb(44,58,80)
```
#422c50
```
#422c50 rgb(66,44,80)
```

Tetradic Color

#161f11
```
#161f11 rgb(22,31,17)
```
#222f1a
```
#222f1a rgb(34,47,26)
```
#2e4023
```
#2e4023 rgb(46,64,35)
```
#3a502c
```
#3a502c rgb(58,80,44)
```
#466035
```
#466035 rgb(70,96,53)
```
#52713e
```
#52713e rgb(82,113,62)
```
#5e8147
```
#5e8147 rgb(94,129,71)
```

Monochromatic Color

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

#43502c
```
#43502c rgb(67,80,44)
```
#40502c
```
#40502c rgb(64,80,44)
```
#3d502c
```
#3d502c rgb(61,80,44)
```
#3a502c
```
#3a502c rgb(58,80,44)
```
#37502c
```
#37502c rgb(55,80,44)
```
#34502c
```
#34502c rgb(52,80,44)
```
#31502c
```
#31502c rgb(49,80,44)
```

Similar Colors

Text with hexadecimal color #3a502c

This text has a font color of #3a502c.

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

#3a502c background color

This paragraph has a background color of #3a502c.

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

#3a502c border color

This element has a border color of #3a502c.

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

CSS codes

.text {color:#3a502c;}

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

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

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

#030402
```
#030402 rgb(3,4,2)
```
#0c1109
```
#0c1109 rgb(12,17,9)
```
#151d10
```
#151d10 rgb(21,29,16)
```
#1e2a17
```
#1e2a17 rgb(30,42,23)
```
#28371e
```
#28371e rgb(40,55,30)
```
#314325
```
#314325 rgb(49,67,37)
```
#3a502c
```
#3a502c rgb(58,80,44)
```
#435d33
```
#435d33 rgb(67,93,51)
```
#4c693a
```
#4c693a rgb(76,105,58)
```
#567641
```
#567641 rgb(86,118,65)
```
#5f8348
```
#5f8348 rgb(95,131,72)
```
#688f4f
```
#688f4f rgb(104,143,79)
```
#719c56
```
#719c56 rgb(113,156,86)
```

Shade Color Variation

#7ba75f
```
#7ba75f rgb(123,167,95)
```
#85ae6b
```
#85ae6b rgb(133,174,107)
```
#90b578
```
#90b578 rgb(144,181,120)
```
#9abc85
```
#9abc85 rgb(154,188,133)
```
#a4c391
```
#a4c391 rgb(164,195,145)
```
#afca9e
```
#afca9e rgb(175,202,158)
```
#b9d1aa
```
#b9d1aa rgb(185,209,170)
```
#c4d7b7
```
#c4d7b7 rgb(196,215,183)
```
#cedec4
```
#cedec4 rgb(206,222,196)
```
#d9e5d0
```
#d9e5d0 rgb(217,229,208)
```
#e3ecdd
```
#e3ecdd rgb(227,236,221)
```
#edf3ea
```
#edf3ea rgb(237,243,234)
```
#f8faf6
```
#f8faf6 rgb(248,250,246)
```

Tint Color Variation

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

#3d423a
```
#3d423a rgb(61,66,58)
```
#3c4636
```
#3c4636 rgb(60,70,54)
```
#3b4b31
```
#3b4b31 rgb(59,75,49)
```
#3a502c
```
#3a502c rgb(58,80,44)
```
#395527
```
#395527 rgb(57,85,39)
```
#385a22
```
#385a22 rgb(56,90,34)
```
#375e1e
```
#375e1e rgb(55,94,30)
```
#366319
```
#366319 rgb(54,99,25)
```
#356814
```
#356814 rgb(53,104,20)
```
#346d0f
```
#346d0f rgb(52,109,15)
```
#33710b
```
#33710b rgb(51,113,11)
```
#327606
```
#327606 rgb(50,118,6)
```
#307b01
```
#307b01 rgb(48,123,1)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#434740 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a5334 Protanopia 1% of men
#624f3a Deuteranopia 1% of men
#4a545a Tritanopia 0.001% of the population

Trichromacy

#4e5231 Protanomaly 1% of men, 0.01% of women
#544f34 Deuteranomaly 6% of men, 0.4% of women
#445349 Tritanomaly 0.01% of the population

#3a502c hex color

#3a502c Color Information

#3a502c Color Conversion

Color Schemes with #3a502c

Alternatives to #3a502c

#3a502c Preview

Shades and Tints of #3a502c

Tones of #3a502c

Color Blindness Simulator