#3a2e16 hex color

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

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

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

The hexadecimal color #3a2e16 has RGB values of R:58, G:46, B:22 and CMYK values of C:0, M:0.21, Y:0.62, K:0.77. Its decimal value is 3812886.

Hex triplet	3a2e16	`#3a2e16`
RGB Decimal	58, 46, 22	`rgb(58,46,22)`
RGB Percent	22.7, 18, 8.6	`rgb(22.7%,18%,8.6%)`
CMYK	0, 21, 62, 77
HSL	40°, 45, 15.7	`hsl(40,45%,15.7%)`
HSV (or HSB)	40°, 62.1, 22.7
Web Safe	333300	`#333300`

CIE-LAB	19.686, 1.82, 17.394
XYZ	2.867, 2.912, 1.17
xyY	0.413, 0.419, 2.912
CIE-LCH	19.686, 17.489, 84.027
CIE-LUV	19.686, 8.003, 14.132
Hunter-Lab	17.063, 0.128, 7.879
Binary	00111010, 00101110, 00010110

#3a2e16
```
#3a2e16 rgb(58,46,22)
```
#16223a
```
#16223a rgb(22,34,58)
```

Complementary Color

#3a1c16
```
#3a1c16 rgb(58,28,22)
```
#3a2e16
```
#3a2e16 rgb(58,46,22)
```
#343a16
```
#343a16 rgb(52,58,22)
```

Analogous Color

#1c163a
```
#1c163a rgb(28,22,58)
```
#3a2e16
```
#3a2e16 rgb(58,46,22)
```
#16343a
```
#16343a rgb(22,52,58)
```

Split Complementary Color

#2e163a
```
#2e163a rgb(46,22,58)
```
#3a2e16
```
#3a2e16 rgb(58,46,22)
```
#163a2e
```
#163a2e rgb(22,58,46)
```

Triadic Color

#3a1622
```
#3a1622 rgb(58,22,34)
```
#3a2e16
```
#3a2e16 rgb(58,46,22)
```
#163a2e
```
#163a2e rgb(22,58,46)
```
#16223a
```
#16223a rgb(22,34,58)
```

Tetradic Color

#030201
```
#030201 rgb(3,2,1)
```
#151108
```
#151108 rgb(21,17,8)
```
#281f0f
```
#281f0f rgb(40,31,15)
```
#3a2e16
```
#3a2e16 rgb(58,46,22)
```
#4c3d1d
```
#4c3d1d rgb(76,61,29)
```
#5f4b24
```
#5f4b24 rgb(95,75,36)
```
#715a2b
```
#715a2b rgb(113,90,43)
```

Monochromatic Color

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

#3a2516
```
#3a2516 rgb(58,37,22)
```
#3a2816
```
#3a2816 rgb(58,40,22)
```
#3a2b16
```
#3a2b16 rgb(58,43,22)
```
#3a2e16
```
#3a2e16 rgb(58,46,22)
```
#3a3116
```
#3a3116 rgb(58,49,22)
```
#3a3416
```
#3a3416 rgb(58,52,22)
```
#3a3716
```
#3a3716 rgb(58,55,22)
```

Similar Colors

Text with hexadecimal color #3a2e16

This text has a font color of #3a2e16.

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

#3a2e16 background color

This paragraph has a background color of #3a2e16.

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

#3a2e16 border color

This element has a border color of #3a2e16.

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

CSS codes

.text {color:#3a2e16;}

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

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

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 #faf7f2 is the lightest one.

#010100
```
#010100 rgb(1,1,0)
```
#0f0c06
```
#0f0c06 rgb(15,12,6)
```
#1e170b
```
#1e170b rgb(30,23,11)
```
#2c2311
```
#2c2311 rgb(44,35,17)
```
#3a2e16
```
#3a2e16 rgb(58,46,22)
```
#48391b
```
#48391b rgb(72,57,27)
```
#564521
```
#564521 rgb(86,69,33)
```
#655026
```
#655026 rgb(101,80,38)
```
#735b2c
```
#735b2c rgb(115,91,44)
```
#816631
```
#816631 rgb(129,102,49)
```
#8f7236
```
#8f7236 rgb(143,114,54)
```
#9e7d3c
```
#9e7d3c rgb(158,125,60)
```
#ac8841
```
#ac8841 rgb(172,136,65)
```

Shade Color Variation

#b99347
```
#b99347 rgb(185,147,71)
```
#bf9c55
```
#bf9c55 rgb(191,156,85)
```
#c4a464
```
#c4a464 rgb(196,164,100)
```
#c9ac72
```
#c9ac72 rgb(201,172,114)
```
#cfb580
```
#cfb580 rgb(207,181,128)
```
#d4bd8e
```
#d4bd8e rgb(212,189,142)
```
#dac59d
```
#dac59d rgb(218,197,157)
```
#dfceab
```
#dfceab rgb(223,206,171)
```
#e4d6b9
```
#e4d6b9 rgb(228,214,185)
```
#eadec7
```
#eadec7 rgb(234,222,199)
```
#efe7d5
```
#efe7d5 rgb(239,231,213)
```
#f5efe4
```
#f5efe4 rgb(245,239,228)
```
#faf7f2
```
#faf7f2 rgb(250,247,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 #503500 is the most saturated one.

#2b2925
```
#2b2925 rgb(43,41,37)
```
#2e2a22
```
#2e2a22 rgb(46,42,34)
```
#312b1f
```
#312b1f rgb(49,43,31)
```
#342c1c
```
#342c1c rgb(52,44,28)
```
#372d19
```
#372d19 rgb(55,45,25)
```
#3a2e16
```
#3a2e16 rgb(58,46,22)
```
#3d2f13
```
#3d2f13 rgb(61,47,19)
```
#403010
```
#403010 rgb(64,48,16)
```
#43310d
```
#43310d rgb(67,49,13)
```
#46320a
```
#46320a rgb(70,50,10)
```
#493307
```
#493307 rgb(73,51,7)
```
#4c3404
```
#4c3404 rgb(76,52,4)
```
#503500
```
#503500 rgb(80,53,0)
```

Tone Color Variation

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

#3f3a22 Protanopia 1% of men
#463722 Deuteranopia 1% of men
#463639 Tritanopia 0.001% of the population

Trichromacy

#3d351e Protanomaly 1% of men, 0.01% of women
#42341d Deuteranomaly 6% of men, 0.4% of women
#42332c Tritanomaly 0.01% of the population

#3a2e16 hex color

#3a2e16 Color Information

#3a2e16 Color Conversion

Color Schemes with #3a2e16

Alternatives to #3a2e16

#3a2e16 Preview

Shades and Tints of #3a2e16

Tones of #3a2e16

Color Blindness Simulator