#3a2214 hex color

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

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

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

The hexadecimal color #3a2214 has RGB values of R:58, G:34, B:20 and CMYK values of C:0, M:0.41, Y:0.66, K:0.77. Its decimal value is 3809812.

Hex triplet	3a2214	`#3a2214`
RGB Decimal	58, 34, 20	`rgb(58,34,20)`
RGB Percent	22.7, 13.3, 7.8	`rgb(22.7%,13.3%,7.8%)`
CMYK	0, 41, 66, 77
HSL	22.1°, 48.7, 15.3	`hsl(22.1,48.7%,15.3%)`
HSV (or HSB)	22.1°, 65.5, 22.7
Web Safe	333300	`#333300`

CIE-LAB	15.974, 9.744, 14.135
XYZ	2.443, 2.094, 0.937
xyY	0.446, 0.383, 2.094
CIE-LCH	15.974, 17.168, 55.42
CIE-LUV	15.974, 14.262, 9.485
Hunter-Lab	14.472, 4.811, 6.29
Binary	00111010, 00100010, 00010100

#3a2214
```
#3a2214 rgb(58,34,20)
```
#142c3a
```
#142c3a rgb(20,44,58)
```

Complementary Color

#3a1419
```
#3a1419 rgb(58,20,25)
```
#3a2214
```
#3a2214 rgb(58,34,20)
```
#3a3514
```
#3a3514 rgb(58,53,20)
```

Analogous Color

#14193a
```
#14193a rgb(20,25,58)
```
#3a2214
```
#3a2214 rgb(58,34,20)
```
#143a35
```
#143a35 rgb(20,58,53)
```

Split Complementary Color

#22143a
```
#22143a rgb(34,20,58)
```
#3a2214
```
#3a2214 rgb(58,34,20)
```
#143a22
```
#143a22 rgb(20,58,34)
```

Triadic Color

#3a142c
```
#3a142c rgb(58,20,44)
```
#3a2214
```
#3a2214 rgb(58,34,20)
```
#143a22
```
#143a22 rgb(20,58,34)
```
#142c3a
```
#142c3a rgb(20,44,58)
```

Tetradic Color

#010100
```
#010100 rgb(1,1,0)
```
#140c07
```
#140c07 rgb(20,12,7)
```
#27170d
```
#27170d rgb(39,23,13)
```
#3a2214
```
#3a2214 rgb(58,34,20)
```
#4d2d1b
```
#4d2d1b rgb(77,45,27)
```
#603821
```
#603821 rgb(96,56,33)
```
#734328
```
#734328 rgb(115,67,40)
```

Monochromatic Color

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

#3a1914
```
#3a1914 rgb(58,25,20)
```
#3a1c14
```
#3a1c14 rgb(58,28,20)
```
#3a1f14
```
#3a1f14 rgb(58,31,20)
```
#3a2214
```
#3a2214 rgb(58,34,20)
```
#3a2514
```
#3a2514 rgb(58,37,20)
```
#3a2814
```
#3a2814 rgb(58,40,20)
```
#3a2c14
```
#3a2c14 rgb(58,44,20)
```

Similar Colors

Text with hexadecimal color #3a2214

This text has a font color of #3a2214.

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

#3a2214 background color

This paragraph has a background color of #3a2214.

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

#3a2214 border color

This element has a border color of #3a2214.

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

CSS codes

.text {color:#3a2214;}

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

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

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

#0e0805
```
#0e0805 rgb(14,8,5)
```
#1d110a
```
#1d110a rgb(29,17,10)
```
#2b190f
```
#2b190f rgb(43,25,15)
```
#3a2214
```
#3a2214 rgb(58,34,20)
```
#492b19
```
#492b19 rgb(73,43,25)
```
#57331e
```
#57331e rgb(87,51,30)
```
#663c23
```
#663c23 rgb(102,60,35)
```
#744428
```
#744428 rgb(116,68,40)
```
#834d2d
```
#834d2d rgb(131,77,45)
```
#925532
```
#925532 rgb(146,85,50)
```
#a05e37
```
#a05e37 rgb(160,94,55)
```
#af663c
```
#af663c rgb(175,102,60)
```
#bd6f41
```
#bd6f41 rgb(189,111,65)
```

Shade Color Variation

#c37a50
```
#c37a50 rgb(195,122,80)
```
#c8855e
```
#c8855e rgb(200,133,94)
```
#cd906d
```
#cd906d rgb(205,144,109)
```
#d29b7b
```
#d29b7b rgb(210,155,123)
```
#d7a68a
```
#d7a68a rgb(215,166,138)
```
#dcb199
```
#dcb199 rgb(220,177,153)
```
#e1bca7
```
#e1bca7 rgb(225,188,167)
```
#e6c7b6
```
#e6c7b6 rgb(230,199,182)
```
#ebd2c4
```
#ebd2c4 rgb(235,210,196)
```
#f0ded3
```
#f0ded3 rgb(240,222,211)
```
#f5e9e1
```
#f5e9e1 rgb(245,233,225)
```
#faf4f0
```
#faf4f0 rgb(250,244,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 #4c1d02 is the most saturated one.

#282726
```
#282726 rgb(40,39,38)
```
#2b2623
```
#2b2623 rgb(43,38,35)
```
#2e2520
```
#2e2520 rgb(46,37,32)
```
#31241d
```
#31241d rgb(49,36,29)
```
#34241a
```
#34241a rgb(52,36,26)
```
#372317
```
#372317 rgb(55,35,23)
```
#3a2214
```
#3a2214 rgb(58,34,20)
```
#3d2111
```
#3d2111 rgb(61,33,17)
```
#40200e
```
#40200e rgb(64,32,14)
```
#43200b
```
#43200b rgb(67,32,11)
```
#461f08
```
#461f08 rgb(70,31,8)
```
#491e05
```
#491e05 rgb(73,30,5)
```
#4c1d02
```
#4c1d02 rgb(76,29,2)
```

Tone Color Variation

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

#282828 Achromatopsia 0.005% of the population
#2c2724 Atypical Achromatopsia 0.001% of the population

Dichromacy

#373222 Protanopia 1% of men
#3d301f Deuteranopia 1% of men
#452b2e Tritanopia 0.001% of the population

Trichromacy

#382c1d Protanomaly 1% of men, 0.01% of women
#3c2b1b Deuteranomaly 6% of men, 0.4% of women
#412824 Tritanomaly 0.01% of the population

#3a2214 hex color

#3a2214 Color Information

#3a2214 Color Conversion

Color Schemes with #3a2214

Alternatives to #3a2214

#3a2214 Preview

Shades and Tints of #3a2214

Tones of #3a2214

Color Blindness Simulator