#3a4022 hex color

In a RGB color space, hex #3a4022 is composed of 22.7% red, 25.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 9.4% cyan, 0% magenta, 46.9% yellow and 74.9% black. It has a hue angle of 72 degrees, a saturation of 30.6% and a lightness of 19.2%. #3a4022 color hex could be obtained by blending #748044 with #000000. Closest websafe color is: #333333.

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

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

The hexadecimal color #3a4022 has RGB values of R:58, G:64, B:34 and CMYK values of C:0.09, M:0, Y:0.47, K:0.75. Its decimal value is 3817506.

Hex triplet	3a4022	`#3a4022`
RGB Decimal	58, 64, 34	`rgb(58,64,34)`
RGB Percent	22.7, 25.1, 13.3	`rgb(22.7%,25.1%,13.3%)`
CMYK	9, 0, 47, 75
HSL	72°, 30.6, 19.2	`hsl(72,30.6%,19.2%)`
HSV (or HSB)	72°, 46.9, 25.1
Web Safe	333333	`#333333`

CIE-LAB	25.808, -8.24, 17.501
XYZ	3.867, 4.682, 2.213
xyY	0.359, 0.435, 4.682
CIE-LCH	25.808, 19.344, 115.213
CIE-LUV	25.808, -2.096, 17.976
Hunter-Lab	21.638, -5.965, 9.082
Binary	00111010, 01000000, 00100010

#3a4022
```
#3a4022 rgb(58,64,34)
```
#282240
```
#282240 rgb(40,34,64)
```

Complementary Color

#403722
```
#403722 rgb(64,55,34)
```
#3a4022
```
#3a4022 rgb(58,64,34)
```
#2b4022
```
#2b4022 rgb(43,64,34)
```

Analogous Color

#372240
```
#372240 rgb(55,34,64)
```
#3a4022
```
#3a4022 rgb(58,64,34)
```
#222b40
```
#222b40 rgb(34,43,64)
```

Split Complementary Color

#40223a
```
#40223a rgb(64,34,58)
```
#3a4022
```
#3a4022 rgb(58,64,34)
```
#223a40
```
#223a40 rgb(34,58,64)
```

Triadic Color

#402822
```
#402822 rgb(64,40,34)
```
#3a4022
```
#3a4022 rgb(58,64,34)
```
#223a40
```
#223a40 rgb(34,58,64)
```
#282240
```
#282240 rgb(40,34,64)
```

Tetradic Color

#0d0e07
```
#0d0e07 rgb(13,14,7)
```
#1c1f10
```
#1c1f10 rgb(28,31,16)
```
#2b2f19
```
#2b2f19 rgb(43,47,25)
```
#3a4022
```
#3a4022 rgb(58,64,34)
```
#49512b
```
#49512b rgb(73,81,43)
```
#586134
```
#586134 rgb(88,97,52)
```
#67723d
```
#67723d rgb(103,114,61)
```

Monochromatic Color

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

#403f22
```
#403f22 rgb(64,63,34)
```
#3f4022
```
#3f4022 rgb(63,64,34)
```
#3d4022
```
#3d4022 rgb(61,64,34)
```
#3a4022
```
#3a4022 rgb(58,64,34)
```
#384022
```
#384022 rgb(56,64,34)
```
#354022
```
#354022 rgb(53,64,34)
```
#334022
```
#334022 rgb(51,64,34)
```

Similar Colors

Text with hexadecimal color #3a4022

This text has a font color of #3a4022.

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

#3a4022 background color

This paragraph has a background color of #3a4022.

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

#3a4022 border color

This element has a border color of #3a4022.

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

CSS codes

.text {color:#3a4022;}

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

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

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

#0c0d07
```
#0c0d07 rgb(12,13,7)
```
#171a0e
```
#171a0e rgb(23,26,14)
```
#232614
```
#232614 rgb(35,38,20)
```
#2e331b
```
#2e331b rgb(46,51,27)
```
#3a4022
```
#3a4022 rgb(58,64,34)
```
#464d29
```
#464d29 rgb(70,77,41)
```
#515a30
```
#515a30 rgb(81,90,48)
```
#5d6636
```
#5d6636 rgb(93,102,54)
```
#68733d
```
#68733d rgb(104,115,61)
```
#748044
```
#748044 rgb(116,128,68)
```
#808d4b
```
#808d4b rgb(128,141,75)
```
#8b9a52
```
#8b9a52 rgb(139,154,82)
```
#97a658
```
#97a658 rgb(151,166,88)
```

Shade Color Variation

#9fad65
```
#9fad65 rgb(159,173,101)
```
#a7b472
```
#a7b472 rgb(167,180,114)
```
#afbb7f
```
#afbb7f rgb(175,187,127)
```
#b7c28c
```
#b7c28c rgb(183,194,140)
```
#bfc998
```
#bfc998 rgb(191,201,152)
```
#c7cfa5
```
#c7cfa5 rgb(199,207,165)
```
#cfd6b2
```
#cfd6b2 rgb(207,214,178)
```
#d7ddbf
```
#d7ddbf rgb(215,221,191)
```
#dfe4cc
```
#dfe4cc rgb(223,228,204)
```
#e7ebd9
```
#e7ebd9 rgb(231,235,217)
```
#eff1e5
```
#eff1e5 rgb(239,241,229)
```
#f7f8f2
```
#f7f8f2 rgb(247,248,242)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#33352d
```
#33352d rgb(51,53,45)
```
#35382a
```
#35382a rgb(53,56,42)
```
#383c26
```
#383c26 rgb(56,60,38)
```
#3a4022
```
#3a4022 rgb(58,64,34)
```
#3c441e
```
#3c441e rgb(60,68,30)
```
#3f481a
```
#3f481a rgb(63,72,26)
```
#414b17
```
#414b17 rgb(65,75,23)
```
#434f13
```
#434f13 rgb(67,79,19)
```
#45530f
```
#45530f rgb(69,83,15)
```
#48570b
```
#48570b rgb(72,87,11)
```
#4a5a08
```
#4a5a08 rgb(74,90,8)
```
#4c5e04
```
#4c5e04 rgb(76,94,4)
```
#4e6200
```
#4e6200 rgb(78,98,0)
```

Tone Color Variation

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

#4d472c Protanopia 1% of men
#55442f Deuteranopia 1% of men
#48464b Tritanopia 0.001% of the population

Trichromacy

#464428 Protanomaly 1% of men, 0.01% of women
#4b422a Deuteranomaly 6% of men, 0.4% of women
#43443c Tritanomaly 0.01% of the population

#3a4022 hex color

#3a4022 Color Information

#3a4022 Color Conversion

Color Schemes with #3a4022

Alternatives to #3a4022

#3a4022 Preview

Shades and Tints of #3a4022

Tones of #3a4022

Color Blindness Simulator