#3a2f16 hex color

In a RGB color space, hex #3a2f16 is composed of 22.7% red, 18.4% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19% magenta, 62.1% yellow and 77.3% black. It has a hue angle of 41.7 degrees, a saturation of 45% and a lightness of 15.7%. #3a2f16 color hex could be obtained by blending #745e2c with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 23
- G 18
- B 9
RGB color chart
- C 0
- M 19
- Y 62
- K 77
CMYK color chart

● #3a2f16 color description : Very dark orange [Brown tone].

The hexadecimal color #3a2f16 has RGB values of R:58, G:47, B:22 and CMYK values of C:0, M:0.19, Y:0.62, K:0.77. Its decimal value is 3813142.

Hex triplet	3a2f16	`#3a2f16`
RGB Decimal	58, 47, 22	`rgb(58,47,22)`
RGB Percent	22.7, 18.4, 8.6	`rgb(22.7%,18.4%,8.6%)`
CMYK	0, 19, 62, 77
HSL	41.7°, 45, 15.7	`hsl(41.7,45%,15.7%)`
HSV (or HSB)	41.7°, 62.1, 22.7
Web Safe	333300	`#333300`

CIE-LAB	20.006, 1.152, 17.781
XYZ	2.906, 2.991, 1.183
xyY	0.41, 0.422, 2.991
CIE-LCH	20.006, 17.818, 86.292
CIE-LUV	20.006, 7.465, 14.611
Hunter-Lab	17.293, -0.265, 8.049
Binary	00111010, 00101111, 00010110

#3a2f16
```
#3a2f16 rgb(58,47,22)
```
#16213a
```
#16213a rgb(22,33,58)
```

Complementary Color

#3a1d16
```
#3a1d16 rgb(58,29,22)
```
#3a2f16
```
#3a2f16 rgb(58,47,22)
```
#333a16
```
#333a16 rgb(51,58,22)
```

Analogous Color

#1d163a
```
#1d163a rgb(29,22,58)
```
#3a2f16
```
#3a2f16 rgb(58,47,22)
```
#16333a
```
#16333a rgb(22,51,58)
```

Split Complementary Color

#2f163a
```
#2f163a rgb(47,22,58)
```
#3a2f16
```
#3a2f16 rgb(58,47,22)
```
#163a2f
```
#163a2f rgb(22,58,47)
```

Triadic Color

#3a1621
```
#3a1621 rgb(58,22,33)
```
#3a2f16
```
#3a2f16 rgb(58,47,22)
```
#163a2f
```
#163a2f rgb(22,58,47)
```
#16213a
```
#16213a rgb(22,33,58)
```

Tetradic Color

#030201
```
#030201 rgb(3,2,1)
```
#151108
```
#151108 rgb(21,17,8)
```
#28200f
```
#28200f rgb(40,32,15)
```
#3a2f16
```
#3a2f16 rgb(58,47,22)
```
#4c3e1d
```
#4c3e1d rgb(76,62,29)
```
#5f4d24
```
#5f4d24 rgb(95,77,36)
```
#715c2b
```
#715c2b rgb(113,92,43)
```

Monochromatic Color

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

#3a2616
```
#3a2616 rgb(58,38,22)
```
#3a2916
```
#3a2916 rgb(58,41,22)
```
#3a2c16
```
#3a2c16 rgb(58,44,22)
```
#3a2f16
```
#3a2f16 rgb(58,47,22)
```
#3a3216
```
#3a3216 rgb(58,50,22)
```
#3a3516
```
#3a3516 rgb(58,53,22)
```
#3a3816
```
#3a3816 rgb(58,56,22)
```

Similar Colors

Text with hexadecimal color #3a2f16

This text has a font color of #3a2f16.

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

#3a2f16 background color

This paragraph has a background color of #3a2f16.

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

#3a2f16 border color

This element has a border color of #3a2f16.

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

CSS codes

.text {color:#3a2f16;}

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

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0f0c06
```
#0f0c06 rgb(15,12,6)
```
#1e180b
```
#1e180b rgb(30,24,11)
```
#2c2311
```
#2c2311 rgb(44,35,17)
```
#3a2f16
```
#3a2f16 rgb(58,47,22)
```
#483b1b
```
#483b1b rgb(72,59,27)
```
#564621
```
#564621 rgb(86,70,33)
```
#655226
```
#655226 rgb(101,82,38)
```
#735d2c
```
#735d2c rgb(115,93,44)
```
#816931
```
#816931 rgb(129,105,49)
```
#8f7436
```
#8f7436 rgb(143,116,54)
```
#9e803c
```
#9e803c rgb(158,128,60)
```
#ac8b41
```
#ac8b41 rgb(172,139,65)
```

Shade Color Variation

#b99647
```
#b99647 rgb(185,150,71)
```
#bf9f55
```
#bf9f55 rgb(191,159,85)
```
#c4a764
```
#c4a764 rgb(196,167,100)
```
#c9af72
```
#c9af72 rgb(201,175,114)
```
#cfb780
```
#cfb780 rgb(207,183,128)
```
#d4bf8e
```
#d4bf8e rgb(212,191,142)
```
#dac79d
```
#dac79d rgb(218,199,157)
```
#dfcfab
```
#dfcfab rgb(223,207,171)
```
#e4d7b9
```
#e4d7b9 rgb(228,215,185)
```
#eadfc7
```
#eadfc7 rgb(234,223,199)
```
#efe7d5
```
#efe7d5 rgb(239,231,213)
```
#f5efe4
```
#f5efe4 rgb(245,239,228)
```
#faf8f2
```
#faf8f2 rgb(250,248,242)
```

Tint Color Variation

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

#2b2925
```
#2b2925 rgb(43,41,37)
```
#2e2a22
```
#2e2a22 rgb(46,42,34)
```
#312b1f
```
#312b1f rgb(49,43,31)
```
#342d1c
```
#342d1c rgb(52,45,28)
```
#372e19
```
#372e19 rgb(55,46,25)
```
#3a2f16
```
#3a2f16 rgb(58,47,22)
```
#3d3013
```
#3d3013 rgb(61,48,19)
```
#403110
```
#403110 rgb(64,49,16)
```
#43330d
```
#43330d rgb(67,51,13)
```
#46340a
```
#46340a rgb(70,52,10)
```
#493507
```
#493507 rgb(73,53,7)
```
#4c3604
```
#4c3604 rgb(76,54,4)
```
#503700
```
#503700 rgb(80,55,0)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#312f2a Atypical Achromatopsia 0.001% of the population

Dichromacy

#403b22 Protanopia 1% of men
#473822 Deuteranopia 1% of men
#46363a Tritanopia 0.001% of the population

Trichromacy

#3e361d Protanomaly 1% of men, 0.01% of women
#42351d Deuteranomaly 6% of men, 0.4% of women
#42342d Tritanomaly 0.01% of the population

#3a2f16 hex color

#3a2f16 Color Information

#3a2f16 Color Conversion

Color Schemes with #3a2f16

Alternatives to #3a2f16

#3a2f16 Preview

Shades and Tints of #3a2f16

Tones of #3a2f16

Color Blindness Simulator