#3a4020 hex color

In a RGB color space, hex #3a4020 is composed of 22.7% red, 25.1% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 9.4% cyan, 0% magenta, 50% yellow and 74.9% black. It has a hue angle of 71.3 degrees, a saturation of 33.3% and a lightness of 18.8%. #3a4020 color hex could be obtained by blending #748040 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 23
- G 25
- B 13
RGB color chart
- C 9
- M 0
- Y 50
- K 75
CMYK color chart

● #3a4020 color description : Very dark desaturated yellow.

The hexadecimal color #3a4020 has RGB values of R:58, G:64, B:32 and CMYK values of C:0.09, M:0, Y:0.5, K:0.75. Its decimal value is 3817504.

Hex triplet	3a4020	`#3a4020`
RGB Decimal	58, 64, 32	`rgb(58,64,32)`
RGB Percent	22.7, 25.1, 12.5	`rgb(22.7%,25.1%,12.5%)`
CMYK	9, 0, 50, 75
HSL	71.3°, 33.3, 18.8	`hsl(71.3,33.3%,18.8%)`
HSV (or HSB)	71.3°, 50, 25.1
Web Safe	333333	`#333333`

CIE-LAB	25.775, -8.513, 18.684
XYZ	3.839, 4.671, 2.066
xyY	0.363, 0.442, 4.671
CIE-LCH	25.775, 20.532, 114.494
CIE-LUV	25.775, -2.051, 18.926
Hunter-Lab	21.612, -6.113, 9.461
Binary	00111010, 01000000, 00100000

#3a4020
```
#3a4020 rgb(58,64,32)
```
#262040
```
#262040 rgb(38,32,64)
```

Complementary Color

#403620
```
#403620 rgb(64,54,32)
```
#3a4020
```
#3a4020 rgb(58,64,32)
```
#2a4020
```
#2a4020 rgb(42,64,32)
```

Analogous Color

#362040
```
#362040 rgb(54,32,64)
```
#3a4020
```
#3a4020 rgb(58,64,32)
```
#202a40
```
#202a40 rgb(32,42,64)
```

Split Complementary Color

#40203a
```
#40203a rgb(64,32,58)
```
#3a4020
```
#3a4020 rgb(58,64,32)
```
#203a40
```
#203a40 rgb(32,58,64)
```

Triadic Color

#402620
```
#402620 rgb(64,38,32)
```
#3a4020
```
#3a4020 rgb(58,64,32)
```
#203a40
```
#203a40 rgb(32,58,64)
```
#262040
```
#262040 rgb(38,32,64)
```

Tetradic Color

#0c0d07
```
#0c0d07 rgb(12,13,7)
```
#1b1e0f
```
#1b1e0f rgb(27,30,15)
```
#2b2f18
```
#2b2f18 rgb(43,47,24)
```
#3a4020
```
#3a4020 rgb(58,64,32)
```
#495129
```
#495129 rgb(73,81,41)
```
#596231
```
#596231 rgb(89,98,49)
```
#68733a
```
#68733a rgb(104,115,58)
```

Monochromatic Color

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

#403e20
```
#403e20 rgb(64,62,32)
```
#3f4020
```
#3f4020 rgb(63,64,32)
```
#3d4020
```
#3d4020 rgb(61,64,32)
```
#3a4020
```
#3a4020 rgb(58,64,32)
```
#374020
```
#374020 rgb(55,64,32)
```
#354020
```
#354020 rgb(53,64,32)
```
#324020
```
#324020 rgb(50,64,32)
```

Similar Colors

Text with hexadecimal color #3a4020

This text has a font color of #3a4020.

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

#3a4020 background color

This paragraph has a background color of #3a4020.

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

#3a4020 border color

This element has a border color of #3a4020.

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

CSS codes

.text {color:#3a4020;}

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

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

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, #0b0c06 is the darkest color, while #fefefe is the lightest one.

#0b0c06
```
#0b0c06 rgb(11,12,6)
```
#16190c
```
#16190c rgb(22,25,12)
```
#222613
```
#222613 rgb(34,38,19)
```
#2e3319
```
#2e3319 rgb(46,51,25)
```
#3a4020
```
#3a4020 rgb(58,64,32)
```
#464d27
```
#464d27 rgb(70,77,39)
```
#525a2d
```
#525a2d rgb(82,90,45)
```
#5e6734
```
#5e6734 rgb(94,103,52)
```
#69743a
```
#69743a rgb(105,116,58)
```
#758141
```
#758141 rgb(117,129,65)
```
#818e47
```
#818e47 rgb(129,142,71)
```
#8d9c4e
```
#8d9c4e rgb(141,156,78)
```
#99a954
```
#99a954 rgb(153,169,84)
```

Shade Color Variation

#a1b061
```
#a1b061 rgb(161,176,97)
```
#a9b66e
```
#a9b66e rgb(169,182,110)
```
#b1bd7b
```
#b1bd7b rgb(177,189,123)
```
#b8c388
```
#b8c388 rgb(184,195,136)
```
#c0ca95
```
#c0ca95 rgb(192,202,149)
```
#c8d1a2
```
#c8d1a2 rgb(200,209,162)
```
#d0d7af
```
#d0d7af rgb(208,215,175)
```
#d7debc
```
#d7debc rgb(215,222,188)
```
#dfe4c9
```
#dfe4c9 rgb(223,228,201)
```
#e7ebd6
```
#e7ebd6 rgb(231,235,214)
```
#eff1e3
```
#eff1e3 rgb(239,241,227)
```
#f6f8f1
```
#f6f8f1 rgb(246,248,241)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #31312f is the less saturated color, while #4c5e02 is the most saturated one.

#31312f
```
#31312f rgb(49,49,47)
```
#33352b
```
#33352b rgb(51,53,43)
```
#353927
```
#353927 rgb(53,57,39)
```
#383c24
```
#383c24 rgb(56,60,36)
```
#3a4020
```
#3a4020 rgb(58,64,32)
```
#3c441c
```
#3c441c rgb(60,68,28)
```
#3f4719
```
#3f4719 rgb(63,71,25)
```
#414b15
```
#414b15 rgb(65,75,21)
```
#434f11
```
#434f11 rgb(67,79,17)
```
#46520e
```
#46520e rgb(70,82,14)
```
#48560a
```
#48560a rgb(72,86,10)
```
#4a5a06
```
#4a5a06 rgb(74,90,6)
```
#4c5e02
```
#4c5e02 rgb(76,94,2)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#3b3c36 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d472a Protanopia 1% of men
#55442d Deuteranopia 1% of men
#48464b Tritanopia 0.001% of the population

Trichromacy

#464426 Protanomaly 1% of men, 0.01% of women
#4b4228 Deuteranomaly 6% of men, 0.4% of women
#43433b Tritanomaly 0.01% of the population

#3a4020 hex color

#3a4020 Color Information

#3a4020 Color Conversion

Color Schemes with #3a4020

Alternatives to #3a4020

#3a4020 Preview

Shades and Tints of #3a4020

Tones of #3a4020

Color Blindness Simulator