#3a5018 hex color

In a RGB color space, hex #3a5018 is composed of 22.7% red, 31.4% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 27.5% cyan, 0% magenta, 70% yellow and 68.6% black. It has a hue angle of 83.6 degrees, a saturation of 53.8% and a lightness of 20.4%. #3a5018 color hex could be obtained by blending #74a030 with #000000. Closest websafe color is: #336600.

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

● #3a5018 color description : Very dark green.

The hexadecimal color #3a5018 has RGB values of R:58, G:80, B:24 and CMYK values of C:0.28, M:0, Y:0.7, K:0.69. Its decimal value is 3821592.

Hex triplet	3a5018	`#3a5018`
RGB Decimal	58, 80, 24	`rgb(58,80,24)`
RGB Percent	22.7, 31.4, 9.4	`rgb(22.7%,31.4%,9.4%)`
CMYK	28, 0, 70, 69
HSL	83.6°, 53.8, 20.4	`hsl(83.6,53.8%,20.4%)`
HSV (or HSB)	83.6°, 70, 31.4
Web Safe	336600	`#336600`

CIE-LAB	31.12, -18.568, 29.311
XYZ	4.778, 6.703, 1.906
xyY	0.357, 0.501, 6.703
CIE-LCH	31.12, 34.697, 122.353
CIE-LUV	31.12, -10.399, 30.32
Hunter-Lab	25.89, -12.362, 13.758
Binary	00111010, 01010000, 00011000

#3a5018
```
#3a5018 rgb(58,80,24)
```
#2e1850
```
#2e1850 rgb(46,24,80)
```

Complementary Color

#504a18
```
#504a18 rgb(80,74,24)
```
#3a5018
```
#3a5018 rgb(58,80,24)
```
#1e5018
```
#1e5018 rgb(30,80,24)
```

Analogous Color

#4a1850
```
#4a1850 rgb(74,24,80)
```
#3a5018
```
#3a5018 rgb(58,80,24)
```
#181e50
```
#181e50 rgb(24,30,80)
```

Split Complementary Color

#50183a
```
#50183a rgb(80,24,58)
```
#3a5018
```
#3a5018 rgb(58,80,24)
```
#183a50
```
#183a50 rgb(24,58,80)
```

Triadic Color

#502e18
```
#502e18 rgb(80,46,24)
```
#3a5018
```
#3a5018 rgb(58,80,24)
```
#183a50
```
#183a50 rgb(24,58,80)
```
#2e1850
```
#2e1850 rgb(46,24,80)
```

Tetradic Color

#0f1506
```
#0f1506 rgb(15,21,6)
```
#1e290c
```
#1e290c rgb(30,41,12)
```
#2c3c12
```
#2c3c12 rgb(44,60,18)
```
#3a5018
```
#3a5018 rgb(58,80,24)
```
#48641e
```
#48641e rgb(72,100,30)
```
#567724
```
#567724 rgb(86,119,36)
```
#658b2a
```
#658b2a rgb(101,139,42)
```

Monochromatic Color

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

#485018
```
#485018 rgb(72,80,24)
```
#435018
```
#435018 rgb(67,80,24)
```
#3f5018
```
#3f5018 rgb(63,80,24)
```
#3a5018
```
#3a5018 rgb(58,80,24)
```
#355018
```
#355018 rgb(53,80,24)
```
#315018
```
#315018 rgb(49,80,24)
```
#2c5018
```
#2c5018 rgb(44,80,24)
```

Similar Colors

Text with hexadecimal color #3a5018

This text has a font color of #3a5018.

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

#3a5018 background color

This paragraph has a background color of #3a5018.

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

#3a5018 border color

This element has a border color of #3a5018.

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

CSS codes

.text {color:#3a5018;}

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

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

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

#030501
```
#030501 rgb(3,5,1)
```
#0e1406
```
#0e1406 rgb(14,20,6)
```
#19230a
```
#19230a rgb(25,35,10)
```
#24320f
```
#24320f rgb(36,50,15)
```
#2f4113
```
#2f4113 rgb(47,65,19)
```
#3a5018
```
#3a5018 rgb(58,80,24)
```
#455f1d
```
#455f1d rgb(69,95,29)
```
#506e21
```
#506e21 rgb(80,110,33)
```
#5b7d26
```
#5b7d26 rgb(91,125,38)
```
#668c2a
```
#668c2a rgb(102,140,42)
```
#719b2f
```
#719b2f rgb(113,155,47)
```
#7cab33
```
#7cab33 rgb(124,171,51)
```
#87ba38
```
#87ba38 rgb(135,186,56)
```

Shade Color Variation

#91c63f
```
#91c63f rgb(145,198,63)
```
#9aca4e
```
#9aca4e rgb(154,202,78)
```
#a2cf5e
```
#a2cf5e rgb(162,207,94)
```
#abd36d
```
#abd36d rgb(171,211,109)
```
#b4d87c
```
#b4d87c rgb(180,216,124)
```
#bcdc8b
```
#bcdc8b rgb(188,220,139)
```
#c5e19a
```
#c5e19a rgb(197,225,154)
```
#cee5a9
```
#cee5a9 rgb(206,229,169)
```
#d6eab8
```
#d6eab8 rgb(214,234,184)
```
#dfeec7
```
#dfeec7 rgb(223,238,199)
```
#e8f3d6
```
#e8f3d6 rgb(232,243,214)
```
#f0f7e5
```
#f0f7e5 rgb(240,247,229)
```
#f9fcf4
```
#f9fcf4 rgb(249,252,244)
```

Tint Color Variation

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

#353830
```
#353830 rgb(53,56,48)
```
#363c2c
```
#363c2c rgb(54,60,44)
```
#374028
```
#374028 rgb(55,64,40)
```
#374424
```
#374424 rgb(55,68,36)
```
#384820
```
#384820 rgb(56,72,32)
```
#394c1c
```
#394c1c rgb(57,76,28)
```
#3a5018
```
#3a5018 rgb(58,80,24)
```
#3b5414
```
#3b5414 rgb(59,84,20)
```
#3c5810
```
#3c5810 rgb(60,88,16)
```
#3d5c0c
```
#3d5c0c rgb(61,92,12)
```
#3d6008
```
#3d6008 rgb(61,96,8)
```
#3e6404
```
#3e6404 rgb(62,100,4)
```
#3f6800
```
#3f6800 rgb(63,104,0)
```

Tone Color Variation

Below, you can see how #3a5018 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
#41463a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5222 Protanopia 1% of men
#654e28 Deuteranopia 1% of men
#4c5359 Tritanopia 0.001% of the population

Trichromacy

#4f511e Protanomaly 1% of men, 0.01% of women
#554f22 Deuteranomaly 6% of men, 0.4% of women
#455241 Tritanomaly 0.01% of the population

#3a5018 hex color

#3a5018 Color Information

#3a5018 Color Conversion

Color Schemes with #3a5018

Alternatives to #3a5018

#3a5018 Preview

Shades and Tints of #3a5018

Tones of #3a5018

Color Blindness Simulator