colorhexa.com

#3a2f2c hex color

In a RGB color space, hex #3a2f2c is composed of 22.7% red, 18.4% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19% magenta, 24.1% yellow and 77.3% black. It has a hue angle of 12.9 degrees, a saturation of 13.7% and a lightness of 20%. #3a2f2c color hex could be obtained by blending #745e58 with #000000. Closest websafe color is: #333333.

- R 23
- G 18
- B 17
RGB color chart
- C 0
- M 19
- Y 24
- K 77
CMYK color chart

● #3a2f2c color description : Very dark grayish red.

The hexadecimal color #3a2f2c has RGB values of R:58, G:47, B:44 and CMYK values of C:0, M:0.19, Y:0.24, K:0.77. Its decimal value is 3813164.

Hex triplet	3a2f2c	`#3a2f2c`
RGB Decimal	58, 47, 44	`rgb(58,47,44)`
RGB Percent	22.7, 18.4, 17.3	`rgb(22.7%,18.4%,17.3%)`
CMYK	0, 19, 24, 77
HSL	12.9°, 13.7, 20	`hsl(12.9,13.7%,20%)`
HSV (or HSB)	12.9°, 24.1, 22.7
Web Safe	333333	`#333333`

CIE-LAB	20.497, 4.406, 3.791
XYZ	3.216, 3.115, 2.814
xyY	0.352, 0.341, 3.115
CIE-LCH	20.497, 5.812, 40.705
CIE-LUV	20.497, 6.001, 3.152
Hunter-Lab	17.648, 1.644, 2.898
Binary	00111010, 00101111, 00101100

#3a2f2c
```
#3a2f2c rgb(58,47,44)
```
#2c373a
```
#2c373a rgb(44,55,58)
```

Complementary Color

#3a2c30
```
#3a2c30 rgb(58,44,48)
```
#3a2f2c
```
#3a2f2c rgb(58,47,44)
```
#3a362c
```
#3a362c rgb(58,54,44)
```

Analogous Color

#2c303a
```
#2c303a rgb(44,48,58)
```
#3a2f2c
```
#3a2f2c rgb(58,47,44)
```
#2c3a36
```
#2c3a36 rgb(44,58,54)
```

Split Complementary Color

#0f0c0b
```
#0f0c0b rgb(15,12,11)
```
#1d1816
```
#1d1816 rgb(29,24,22)
```
#2c2321
```
#2c2321 rgb(44,35,33)
```
#3a2f2c
```
#3a2f2c rgb(58,47,44)
```
#493b37
```
#493b37 rgb(73,59,55)
```
#574742
```
#574742 rgb(87,71,66)
```
#66524d
```
#66524d rgb(102,82,77)
```

Monochromatic Color

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

#3a2c2d
```
#3a2c2d rgb(58,44,45)
```
#3a2d2c
```
#3a2d2c rgb(58,45,44)
```
#3a2e2c
```
#3a2e2c rgb(58,46,44)
```
#3a2f2c
```
#3a2f2c rgb(58,47,44)
```
#3a302c
```
#3a302c rgb(58,48,44)
```
#3a312c
```
#3a312c rgb(58,49,44)
```
#3a332c
```
#3a332c rgb(58,51,44)
```

Similar Colors

Text with hexadecimal color #3a2f2c

This text has a font color of #3a2f2c.

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

#3a2f2c background color

This paragraph has a background color of #3a2f2c.

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

#3a2f2c border color

This element has a border color of #3a2f2c.

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

CSS codes

.text {color:#3a2f2c;}

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

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0d0b0a
```
#0d0b0a rgb(13,11,10)
```
#191413
```
#191413 rgb(25,20,19)
```
#241d1b
```
#241d1b rgb(36,29,27)
```
#2f2624
```
#2f2624 rgb(47,38,36)
```
#3a2f2c
```
#3a2f2c rgb(58,47,44)
```
#453834
```
#453834 rgb(69,56,52)
```
#50413d
```
#50413d rgb(80,65,61)
```
#5b4a45
```
#5b4a45 rgb(91,74,69)
```
#67534e
```
#67534e rgb(103,83,78)
```
#725c56
```
#725c56 rgb(114,92,86)
```
#7d655f
```
#7d655f rgb(125,101,95)
```
#886e67
```
#886e67 rgb(136,110,103)
```

Shade Color Variation

#937870
```
#937870 rgb(147,120,112)
```
#9b827b
```
#9b827b rgb(155,130,123)
```
#a48d87
```
#a48d87 rgb(164,141,135)
```
#ac9792
```
#ac9792 rgb(172,151,146)
```
#b5a29d
```
#b5a29d rgb(181,162,157)
```
#bdada8
```
#bdada8 rgb(189,173,168)
```
#c5b7b3
```
#c5b7b3 rgb(197,183,179)
```
#cec2be
```
#cec2be rgb(206,194,190)
```
#d6ccc9
```
#d6ccc9 rgb(214,204,201)
```
#dfd7d5
```
#dfd7d5 rgb(223,215,213)
```
#e7e1e0
```
#e7e1e0 rgb(231,225,224)
```
#f0eceb
```
#f0eceb rgb(240,236,235)
```
#f8f7f6
```
#f8f7f6 rgb(248,247,246)
```

Tint Color Variation

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

#363130
```
#363130 rgb(54,49,48)
```
#3a2f2c
```
#3a2f2c rgb(58,47,44)
```
#3e2d28
```
#3e2d28 rgb(62,45,40)
```
#422b24
```
#422b24 rgb(66,43,36)
```
#462820
```
#462820 rgb(70,40,32)
```
#4a261c
```
#4a261c rgb(74,38,28)
```
#4e2418
```
#4e2418 rgb(78,36,24)
```
#522214
```
#522214 rgb(82,34,20)
```
#551f11
```
#551f11 rgb(85,31,17)
```
#591d0d
```
#591d0d rgb(89,29,13)
```
#5d1b09
```
#5d1b09 rgb(93,27,9)
```
#611905
```
#611905 rgb(97,25,5)
```
#651601
```
#651601 rgb(101,22,1)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#343131 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e3b37 Protanopia 1% of men
#433a36 Deuteranopia 1% of men
#45383c Tritanopia 0.001% of the population

Trichromacy

#3c3733 Protanomaly 1% of men, 0.01% of women
#403632 Deuteranomaly 6% of men, 0.4% of women
#413536 Tritanomaly 0.01% of the population