#2e2a22 hex color

In a RGB color space, hex #2e2a22 is composed of 18% red, 16.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.7% magenta, 26.1% yellow and 82% black. It has a hue angle of 40 degrees, a saturation of 15% and a lightness of 15.7%. #2e2a22 color hex could be obtained by blending #5c5444 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 18
- G 16
- B 13
RGB color chart
- C 0
- M 9
- Y 26
- K 82
CMYK color chart

● #2e2a22 color description : Very dark (mostly black) orange [Brown tone].

The hexadecimal color #2e2a22 has RGB values of R:46, G:42, B:34 and CMYK values of C:0, M:0.09, Y:0.26, K:0.82. Its decimal value is 3025442.

Hex triplet	2e2a22	`#2e2a22`
RGB Decimal	46, 42, 34	`rgb(46,42,34)`
RGB Percent	18, 16.5, 13.3	`rgb(18%,16.5%,13.3%)`
CMYK	0, 9, 26, 82
HSL	40°, 15, 15.7	`hsl(40,15%,15.7%)`
HSV (or HSB)	40°, 26.1, 18
Web Safe	333333	`#333333`

CIE-LAB	17.237, 0.162, 5.897
XYZ	2.243, 2.352, 1.849
xyY	0.348, 0.365, 2.352
CIE-LCH	17.237, 5.899, 88.428
CIE-LUV	17.237, 2.349, 5.186
Hunter-Lab	15.337, -0.731, 3.588
Binary	00101110, 00101010, 00100010

#2e2a22
```
#2e2a22 rgb(46,42,34)
```
#22262e
```
#22262e rgb(34,38,46)
```

Complementary Color

#2e2422
```
#2e2422 rgb(46,36,34)
```
#2e2a22
```
#2e2a22 rgb(46,42,34)
```
#2c2e22
```
#2c2e22 rgb(44,46,34)
```

Analogous Color

#24222e
```
#24222e rgb(36,34,46)
```
#2e2a22
```
#2e2a22 rgb(46,42,34)
```
#222c2e
```
#222c2e rgb(34,44,46)
```

Split Complementary Color

#2a222e
```
#2a222e rgb(42,34,46)
```
#2e2a22
```
#2e2a22 rgb(46,42,34)
```
#222e2a
```
#222e2a rgb(34,46,42)
```

Triadic Color

#2e2226
```
#2e2226 rgb(46,34,38)
```
#2e2a22
```
#2e2a22 rgb(46,42,34)
```
#222e2a
```
#222e2a rgb(34,46,42)
```
#22262e
```
#22262e rgb(34,38,46)
```

Tetradic Color

#020201
```
#020201 rgb(2,2,1)
```
#110f0c
```
#110f0c rgb(17,15,12)
```
#1f1d17
```
#1f1d17 rgb(31,29,23)
```
#2e2a22
```
#2e2a22 rgb(46,42,34)
```
#3d372d
```
#3d372d rgb(61,55,45)
```
#4b4538
```
#4b4538 rgb(75,69,56)
```
#5a5243
```
#5a5243 rgb(90,82,67)
```

Monochromatic Color

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

#2e2722
```
#2e2722 rgb(46,39,34)
```
#2e2822
```
#2e2822 rgb(46,40,34)
```
#2e2922
```
#2e2922 rgb(46,41,34)
```
#2e2a22
```
#2e2a22 rgb(46,42,34)
```
#2e2b22
```
#2e2b22 rgb(46,43,34)
```
#2e2c22
```
#2e2c22 rgb(46,44,34)
```
#2e2d22
```
#2e2d22 rgb(46,45,34)
```

Similar Colors

Text with hexadecimal color #2e2a22

This text has a font color of #2e2a22.

<span style="color:#2e2a22;">Text here</span>

#2e2a22 background color

This paragraph has a background color of #2e2a22.

<p style="background-color:#2e2a22;">Content here</p>

#2e2a22 border color

This element has a border color of #2e2a22.

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

CSS codes

.text {color:#2e2a22;}

.background {background-color:#2e2a22;}

.border {border:1px solid #2e2a22;}

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

#010101
```
#010101 rgb(1,1,1)
```
#0c0b09
```
#0c0b09 rgb(12,11,9)
```
#171511
```
#171511 rgb(23,21,17)
```
#23201a
```
#23201a rgb(35,32,26)
```
#2e2a22
```
#2e2a22 rgb(46,42,34)
```
#39342a
```
#39342a rgb(57,52,42)
```
#453f33
```
#453f33 rgb(69,63,51)
```
#50493b
```
#50493b rgb(80,73,59)
```
#5b5343
```
#5b5343 rgb(91,83,67)
```
#665d4c
```
#665d4c rgb(102,93,76)
```
#726854
```
#726854 rgb(114,104,84)
```
#7d725c
```
#7d725c rgb(125,114,92)
```
#887c65
```
#887c65 rgb(136,124,101)
```

Shade Color Variation

#93876d
```
#93876d rgb(147,135,109)
```
#9c9079
```
#9c9079 rgb(156,144,121)
```
#a49984
```
#a49984 rgb(164,153,132)
```
#aca38f
```
#aca38f rgb(172,163,143)
```
#b5ac9a
```
#b5ac9a rgb(181,172,154)
```
#bdb5a6
```
#bdb5a6 rgb(189,181,166)
```
#c5bfb1
```
#c5bfb1 rgb(197,191,177)
```
#cec8bc
```
#cec8bc rgb(206,200,188)
```
#d6d1c7
```
#d6d1c7 rgb(214,209,199)
```
#dedad3
```
#dedad3 rgb(222,218,211)
```
#e7e4de
```
#e7e4de rgb(231,228,222)
```
#efede9
```
#efede9 rgb(239,237,233)
```
#f7f6f5
```
#f7f6f5 rgb(247,246,245)
```

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)
```
#44310c
```
#44310c rgb(68,49,12)
```
#473209
```
#473209 rgb(71,50,9)
```
#4a3306
```
#4a3306 rgb(74,51,6)
```
#4d3403
```
#4d3403 rgb(77,52,3)
```
#503500
```
#503500 rgb(80,53,0)
```

Tone Color Variation

Below, you can see how #2e2a22 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

#2a2a2a Achromatopsia 0.005% of the population
#2b2a28 Atypical Achromatopsia 0.001% of the population

Dichromacy

#38352d Protanopia 1% of men
#3d332d Deuteranopia 1% of men
#3a3337 Tritanopia 0.001% of the population

Trichromacy

#343129 Protanomaly 1% of men, 0.01% of women
#373029 Deuteranomaly 6% of men, 0.4% of women
#35302f Tritanomaly 0.01% of the population

#2e2a22 hex color

#2e2a22 Color Information

#2e2a22 Color Conversion

Color Schemes with #2e2a22

Alternatives to #2e2a22

#2e2a22 Preview

Shades and Tints of #2e2a22

Tones of #2e2a22

Color Blindness Simulator