#3a221f hex color

In a RGB color space, hex #3a221f is composed of 22.7% red, 13.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.4% magenta, 46.6% yellow and 77.3% black. It has a hue angle of 6.7 degrees, a saturation of 30.3% and a lightness of 17.5%. #3a221f color hex could be obtained by blending #74443e with #000000. Closest websafe color is: #333333.

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

● #3a221f color description : Very dark desaturated red.

The hexadecimal color #3a221f has RGB values of R:58, G:34, B:31 and CMYK values of C:0, M:0.41, Y:0.47, K:0.77. Its decimal value is 3809823.

Hex triplet	3a221f	`#3a221f`
RGB Decimal	58, 34, 31	`rgb(58,34,31)`
RGB Percent	22.7, 13.3, 12.2	`rgb(22.7%,13.3%,12.2%)`
CMYK	0, 41, 47, 77
HSL	6.7°, 30.3, 17.5	`hsl(6.7,30.3%,17.5%)`
HSV (or HSB)	6.7°, 46.6, 22.7
Web Safe	333333	`#333333`

CIE-LAB	16.219, 11.087, 6.821
XYZ	2.564, 2.143, 1.575
xyY	0.408, 0.341, 2.143
CIE-LCH	16.219, 13.017, 31.602
CIE-LUV	16.219, 13.137, 4.375
Hunter-Lab	14.638, 5.654, 3.868
Binary	00111010, 00100010, 00011111

#3a221f
```
#3a221f rgb(58,34,31)
```
#1f373a
```
#1f373a rgb(31,55,58)
```

Complementary Color

#3a1f2a
```
#3a1f2a rgb(58,31,42)
```
#3a221f
```
#3a221f rgb(58,34,31)
```
#3a301f
```
#3a301f rgb(58,48,31)
```

Analogous Color

#1f2a3a
```
#1f2a3a rgb(31,42,58)
```
#3a221f
```
#3a221f rgb(58,34,31)
```
#1f3a30
```
#1f3a30 rgb(31,58,48)
```

Split Complementary Color

#221f3a
```
#221f3a rgb(34,31,58)
```
#3a221f
```
#3a221f rgb(58,34,31)
```
#1f3a22
```
#1f3a22 rgb(31,58,34)
```

Triadic Color

#3a1f37
```
#3a1f37 rgb(58,31,55)
```
#3a221f
```
#3a221f rgb(58,34,31)
```
#1f3a22
```
#1f3a22 rgb(31,58,34)
```
#1f373a
```
#1f373a rgb(31,55,58)
```

Tetradic Color

#080504
```
#080504 rgb(8,5,4)
```
#190f0d
```
#190f0d rgb(25,15,13)
```
#291816
```
#291816 rgb(41,24,22)
```
#3a221f
```
#3a221f rgb(58,34,31)
```
#4b2c28
```
#4b2c28 rgb(75,44,40)
```
#5b3531
```
#5b3531 rgb(91,53,49)
```
#6c3f3a
```
#6c3f3a rgb(108,63,58)
```

Monochromatic Color

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

#3a1f23
```
#3a1f23 rgb(58,31,35)
```
#3a1f21
```
#3a1f21 rgb(58,31,33)
```
#3a201f
```
#3a201f rgb(58,32,31)
```
#3a221f
```
#3a221f rgb(58,34,31)
```
#3a241f
```
#3a241f rgb(58,36,31)
```
#3a271f
```
#3a271f rgb(58,39,31)
```
#3a291f
```
#3a291f rgb(58,41,31)
```

Similar Colors

Text with hexadecimal color #3a221f

This text has a font color of #3a221f.

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

#3a221f background color

This paragraph has a background color of #3a221f.

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

#3a221f border color

This element has a border color of #3a221f.

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

CSS codes

.text {color:#3a221f;}

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

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

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

#070404
```
#070404 rgb(7,4,4)
```
#140c0b
```
#140c0b rgb(20,12,11)
```
#201311
```
#201311 rgb(32,19,17)
```
#2d1b18
```
#2d1b18 rgb(45,27,24)
```
#3a221f
```
#3a221f rgb(58,34,31)
```
#472926
```
#472926 rgb(71,41,38)
```
#54312d
```
#54312d rgb(84,49,45)
```
#603833
```
#603833 rgb(96,56,51)
```
#6d403a
```
#6d403a rgb(109,64,58)
```
#7a4741
```
#7a4741 rgb(122,71,65)
```
#874f48
```
#874f48 rgb(135,79,72)
```
#93564f
```
#93564f rgb(147,86,79)
```
#a05e56
```
#a05e56 rgb(160,94,86)
```

Shade Color Variation

#aa6860
```
#aa6860 rgb(170,104,96)
```
#b1746c
```
#b1746c rgb(177,116,108)
```
#b88079
```
#b88079 rgb(184,128,121)
```
#be8c86
```
#be8c86 rgb(190,140,134)
```
#c59893
```
#c59893 rgb(197,152,147)
```
#cca5a0
```
#cca5a0 rgb(204,165,160)
```
#d3b1ac
```
#d3b1ac rgb(211,177,172)
```
#dabdb9
```
#dabdb9 rgb(218,189,185)
```
#e1c9c6
```
#e1c9c6 rgb(225,201,198)
```
#e7d5d3
```
#e7d5d3 rgb(231,213,211)
```
#eee1e0
```
#eee1e0 rgb(238,225,224)
```
#f5edec
```
#f5edec rgb(245,237,236)
```
#fcf9f9
```
#fcf9f9 rgb(252,249,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #302a29 is the less saturated color, while #590a00 is the most saturated one.

#302a29
```
#302a29 rgb(48,42,41)
```
#332726
```
#332726 rgb(51,39,38)
```
#372522
```
#372522 rgb(55,37,34)
```
#3a221f
```
#3a221f rgb(58,34,31)
```
#3d1f1c
```
#3d1f1c rgb(61,31,28)
```
#411d18
```
#411d18 rgb(65,29,24)
```
#441a15
```
#441a15 rgb(68,26,21)
```
#481711
```
#481711 rgb(72,23,17)
```
#4b150e
```
#4b150e rgb(75,21,14)
```
#4f120a
```
#4f120a rgb(79,18,10)
```
#520f07
```
#520f07 rgb(82,15,7)
```
#550d04
```
#550d04 rgb(85,13,4)
```
#590a00
```
#590a00 rgb(89,10,0)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#2c2827 Atypical Achromatopsia 0.001% of the population

Dichromacy

#35332d Protanopia 1% of men
#3b3129 Deuteranopia 1% of men
#442c2f Tritanopia 0.001% of the population

Trichromacy

#372c28 Protanomaly 1% of men, 0.01% of women
#3b2b25 Deuteranomaly 6% of men, 0.4% of women
#402829 Tritanomaly 0.01% of the population

#3a221f hex color

#3a221f Color Information

#3a221f Color Conversion

Color Schemes with #3a221f

Alternatives to #3a221f

#3a221f Preview

Shades and Tints of #3a221f

Tones of #3a221f

Color Blindness Simulator