#3a4516 hex color

In a RGB color space, hex #3a4516 is composed of 22.7% red, 27.1% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 15.9% cyan, 0% magenta, 68.1% yellow and 72.9% black. It has a hue angle of 74 degrees, a saturation of 51.6% and a lightness of 17.8%. #3a4516 color hex could be obtained by blending #748a2c with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 23
- G 27
- B 9
RGB color chart
- C 16
- M 0
- Y 68
- K 73
CMYK color chart

● #3a4516 color description : Very dark yellow [Olive tone].

The hexadecimal color #3a4516 has RGB values of R:58, G:69, B:22 and CMYK values of C:0.16, M:0, Y:0.68, K:0.73. Its decimal value is 3818774.

Hex triplet	3a4516	`#3a4516`
RGB Decimal	58, 69, 22	`rgb(58,69,22)`
RGB Percent	22.7, 27.1, 8.6	`rgb(22.7%,27.1%,8.6%)`
CMYK	16, 0, 68, 73
HSL	74°, 51.6, 17.8	`hsl(74,51.6%,17.8%)`
HSV (or HSB)	74°, 68.1, 27.1
Web Safe	333300	`#333300`

CIE-LAB	27.335, -12.614, 26.206
XYZ	4.018, 5.214, 1.554
xyY	0.373, 0.483, 5.214
CIE-LCH	27.335, 29.083, 115.703
CIE-LUV	27.335, -4.572, 25.49
Hunter-Lab	22.834, -8.55, 11.949
Binary	00111010, 01000101, 00010110

#3a4516
```
#3a4516 rgb(58,69,22)
```
#211645
```
#211645 rgb(33,22,69)
```

Complementary Color

#453916
```
#453916 rgb(69,57,22)
```
#3a4516
```
#3a4516 rgb(58,69,22)
```
#234516
```
#234516 rgb(35,69,22)
```

Analogous Color

#391645
```
#391645 rgb(57,22,69)
```
#3a4516
```
#3a4516 rgb(58,69,22)
```
#162345
```
#162345 rgb(22,35,69)
```

Split Complementary Color

#45163a
```
#45163a rgb(69,22,58)
```
#3a4516
```
#3a4516 rgb(58,69,22)
```
#163a45
```
#163a45 rgb(22,58,69)
```

Triadic Color

#452116
```
#452116 rgb(69,33,22)
```
#3a4516
```
#3a4516 rgb(58,69,22)
```
#163a45
```
#163a45 rgb(22,58,69)
```
#211645
```
#211645 rgb(33,22,69)
```

Tetradic Color

#090b04
```
#090b04 rgb(9,11,4)
```
#191e0a
```
#191e0a rgb(25,30,10)
```
#2a3210
```
#2a3210 rgb(42,50,16)
```
#3a4516
```
#3a4516 rgb(58,69,22)
```
#4a581c
```
#4a581c rgb(74,88,28)
```
#5b6c22
```
#5b6c22 rgb(91,108,34)
```
#6b7f28
```
#6b7f28 rgb(107,127,40)
```

Monochromatic Color

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

#454416
```
#454416 rgb(69,68,22)
```
#424516
```
#424516 rgb(66,69,22)
```
#3e4516
```
#3e4516 rgb(62,69,22)
```
#3a4516
```
#3a4516 rgb(58,69,22)
```
#364516
```
#364516 rgb(54,69,22)
```
#324516
```
#324516 rgb(50,69,22)
```
#2e4516
```
#2e4516 rgb(46,69,22)
```

Similar Colors

Text with hexadecimal color #3a4516

This text has a font color of #3a4516.

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

#3a4516 background color

This paragraph has a background color of #3a4516.

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

#3a4516 border color

This element has a border color of #3a4516.

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

CSS codes

.text {color:#3a4516;}

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

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

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, #080a03 is the darkest color, while #fcfdfa is the lightest one.

#080a03
```
#080a03 rgb(8,10,3)
```
#141808
```
#141808 rgb(20,24,8)
```
#21270d
```
#21270d rgb(33,39,13)
```
#2d3611
```
#2d3611 rgb(45,54,17)
```
#3a4516
```
#3a4516 rgb(58,69,22)
```
#47541b
```
#47541b rgb(71,84,27)
```
#53631f
```
#53631f rgb(83,99,31)
```
#607224
```
#607224 rgb(96,114,36)
```
#6c8029
```
#6c8029 rgb(108,128,41)
```
#798f2e
```
#798f2e rgb(121,143,46)
```
#859e32
```
#859e32 rgb(133,158,50)
```
#92ad37
```
#92ad37 rgb(146,173,55)
```
#9ebc3c
```
#9ebc3c rgb(158,188,60)
```

Shade Color Variation

#a7c447
```
#a7c447 rgb(167,196,71)
```
#aec956
```
#aec956 rgb(174,201,86)
```
#b5ce65
```
#b5ce65 rgb(181,206,101)
```
#bcd374
```
#bcd374 rgb(188,211,116)
```
#c4d783
```
#c4d783 rgb(196,215,131)
```
#cbdc92
```
#cbdc92 rgb(203,220,146)
```
#d2e1a0
```
#d2e1a0 rgb(210,225,160)
```
#d9e6af
```
#d9e6af rgb(217,230,175)
```
#e0eabe
```
#e0eabe rgb(224,234,190)
```
#e7efcd
```
#e7efcd rgb(231,239,205)
```
#eef4dc
```
#eef4dc rgb(238,244,220)
```
#f5f9eb
```
#f5f9eb rgb(245,249,235)
```
#fcfdfa
```
#fcfdfa rgb(252,253,250)
```

Tint Color Variation

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

#2f302b
```
#2f302b rgb(47,48,43)
```
#313428
```
#313428 rgb(49,52,40)
```
#333724
```
#333724 rgb(51,55,36)
```
#343b21
```
#343b21 rgb(52,59,33)
```
#363e1d
```
#363e1d rgb(54,62,29)
```
#38421a
```
#38421a rgb(56,66,26)
```
#3a4516
```
#3a4516 rgb(58,69,22)
```
#3c4913
```
#3c4913 rgb(60,73,19)
```
#3e4c0f
```
#3e4c0f rgb(62,76,15)
```
#40500c
```
#40500c rgb(64,80,12)
```
#415308
```
#415308 rgb(65,83,8)
```
#435705
```
#435705 rgb(67,87,5)
```
#455a01
```
#455a01 rgb(69,90,1)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#3c3e34 Atypical Achromatopsia 0.001% of the population

Dichromacy

#524a20 Protanopia 1% of men
#5b4725 Deuteranopia 1% of men
#4a4a4f Tritanopia 0.001% of the population

Trichromacy

#49481c Protanomaly 1% of men, 0.01% of women
#4f461f Deuteranomaly 6% of men, 0.4% of women
#44483a Tritanomaly 0.01% of the population

#3a4516 hex color

#3a4516 Color Information

#3a4516 Color Conversion

Color Schemes with #3a4516

Alternatives to #3a4516

#3a4516 Preview

Shades and Tints of #3a4516

Tones of #3a4516

Color Blindness Simulator