#3a2b14 hex color

In a RGB color space, hex #3a2b14 is composed of 22.7% red, 16.9% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.9% magenta, 65.5% yellow and 77.3% black. It has a hue angle of 36.3 degrees, a saturation of 48.7% and a lightness of 15.3%. #3a2b14 color hex could be obtained by blending #745628 with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 23
- G 17
- B 8
RGB color chart
- C 0
- M 26
- Y 66
- K 77
CMYK color chart

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

The hexadecimal color #3a2b14 has RGB values of R:58, G:43, B:20 and CMYK values of C:0, M:0.26, Y:0.66, K:0.77. Its decimal value is 3812116.

Hex triplet	3a2b14	`#3a2b14`
RGB Decimal	58, 43, 20	`rgb(58,43,20)`
RGB Percent	22.7, 16.9, 7.8	`rgb(22.7%,16.9%,7.8%)`
CMYK	0, 26, 66, 77
HSL	36.3°, 48.7, 15.3	`hsl(36.3,48.7%,15.3%)`
HSV (or HSB)	36.3°, 65.5, 22.7
Web Safe	333300	`#333300`

CIE-LAB	18.705, 3.63, 17.475
XYZ	2.735, 2.678, 1.035
xyY	0.424, 0.415, 2.678
CIE-LCH	18.705, 17.848, 78.266
CIE-LUV	18.705, 9.715, 13.5
Hunter-Lab	16.364, 1.196, 7.707
Binary	00111010, 00101011, 00010100

#3a2b14
```
#3a2b14 rgb(58,43,20)
```
#14233a
```
#14233a rgb(20,35,58)
```

Complementary Color

#3a1814
```
#3a1814 rgb(58,24,20)
```
#3a2b14
```
#3a2b14 rgb(58,43,20)
```
#363a14
```
#363a14 rgb(54,58,20)
```

Analogous Color

#18143a
```
#18143a rgb(24,20,58)
```
#3a2b14
```
#3a2b14 rgb(58,43,20)
```
#14363a
```
#14363a rgb(20,54,58)
```

Split Complementary Color

#2b143a
```
#2b143a rgb(43,20,58)
```
#3a2b14
```
#3a2b14 rgb(58,43,20)
```
#143a2b
```
#143a2b rgb(20,58,43)
```

Triadic Color

#3a1423
```
#3a1423 rgb(58,20,35)
```
#3a2b14
```
#3a2b14 rgb(58,43,20)
```
#143a2b
```
#143a2b rgb(20,58,43)
```
#14233a
```
#14233a rgb(20,35,58)
```

Tetradic Color

#010100
```
#010100 rgb(1,1,0)
```
#140f07
```
#140f07 rgb(20,15,7)
```
#271d0d
```
#271d0d rgb(39,29,13)
```
#3a2b14
```
#3a2b14 rgb(58,43,20)
```
#4d391b
```
#4d391b rgb(77,57,27)
```
#604721
```
#604721 rgb(96,71,33)
```
#735528
```
#735528 rgb(115,85,40)
```

Monochromatic Color

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

#3a2214
```
#3a2214 rgb(58,34,20)
```
#3a2514
```
#3a2514 rgb(58,37,20)
```
#3a2814
```
#3a2814 rgb(58,40,20)
```
#3a2b14
```
#3a2b14 rgb(58,43,20)
```
#3a2e14
```
#3a2e14 rgb(58,46,20)
```
#3a3114
```
#3a3114 rgb(58,49,20)
```
#3a3514
```
#3a3514 rgb(58,53,20)
```

Similar Colors

Text with hexadecimal color #3a2b14

This text has a font color of #3a2b14.

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

#3a2b14 background color

This paragraph has a background color of #3a2b14.

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

#3a2b14 border color

This element has a border color of #3a2b14.

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

CSS codes

.text {color:#3a2b14;}

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

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

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

#0e0b05
```
#0e0b05 rgb(14,11,5)
```
#1d150a
```
#1d150a rgb(29,21,10)
```
#2b200f
```
#2b200f rgb(43,32,15)
```
#3a2b14
```
#3a2b14 rgb(58,43,20)
```
#493619
```
#493619 rgb(73,54,25)
```
#57411e
```
#57411e rgb(87,65,30)
```
#664b23
```
#664b23 rgb(102,75,35)
```
#745628
```
#745628 rgb(116,86,40)
```
#83612d
```
#83612d rgb(131,97,45)
```
#926c32
```
#926c32 rgb(146,108,50)
```
#a07737
```
#a07737 rgb(160,119,55)
```
#af823c
```
#af823c rgb(175,130,60)
```
#bd8c41
```
#bd8c41 rgb(189,140,65)
```

Shade Color Variation

#c39550
```
#c39550 rgb(195,149,80)
```
#c89e5e
```
#c89e5e rgb(200,158,94)
```
#cda76d
```
#cda76d rgb(205,167,109)
```
#d2b07b
```
#d2b07b rgb(210,176,123)
```
#d7b88a
```
#d7b88a rgb(215,184,138)
```
#dcc199
```
#dcc199 rgb(220,193,153)
```
#e1caa7
```
#e1caa7 rgb(225,202,167)
```
#e6d3b6
```
#e6d3b6 rgb(230,211,182)
```
#ebdcc4
```
#ebdcc4 rgb(235,220,196)
```
#f0e4d3
```
#f0e4d3 rgb(240,228,211)
```
#f5ede1
```
#f5ede1 rgb(245,237,225)
```
#faf6f0
```
#faf6f0 rgb(250,246,240)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#282726
```
#282726 rgb(40,39,38)
```
#2b2823
```
#2b2823 rgb(43,40,35)
```
#2e2820
```
#2e2820 rgb(46,40,32)
```
#31291d
```
#31291d rgb(49,41,29)
```
#342a1a
```
#342a1a rgb(52,42,26)
```
#372a17
```
#372a17 rgb(55,42,23)
```
#3a2b14
```
#3a2b14 rgb(58,43,20)
```
#3d2c11
```
#3d2c11 rgb(61,44,17)
```
#402c0e
```
#402c0e rgb(64,44,14)
```
#432d0b
```
#432d0b rgb(67,45,11)
```
#462e08
```
#462e08 rgb(70,46,8)
```
#492e05
```
#492e05 rgb(73,46,5)
```
#4c2f02
```
#4c2f02 rgb(76,47,2)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#302d28 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d3821 Protanopia 1% of men
#443520 Deuteranopia 1% of men
#463336 Tritanopia 0.001% of the population

Trichromacy

#3c331c Protanomaly 1% of men, 0.01% of women
#40311b Deuteranomaly 6% of men, 0.4% of women
#41302a Tritanomaly 0.01% of the population

#3a2b14 hex color

#3a2b14 Color Information

#3a2b14 Color Conversion

Color Schemes with #3a2b14

Alternatives to #3a2b14

#3a2b14 Preview

Shades and Tints of #3a2b14

Tones of #3a2b14

Color Blindness Simulator