#2e2e22 hex color

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

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

● #2e2e22 color description : Very dark (mostly black) yellow [Olive tone].

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

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

CIE-LAB	18.585, -2.542, 7.765
XYZ	2.392, 2.65, 1.899
xyY	0.345, 0.382, 2.65
CIE-LCH	18.585, 8.171, 108.126
CIE-LUV	18.585, 0.526, 7.302
Hunter-Lab	16.28, -2.258, 4.481
Binary	00101110, 00101110, 00100010

#2e2e22
```
#2e2e22 rgb(46,46,34)
```
#22222e
```
#22222e rgb(34,34,46)
```

Complementary Color

#2e2822
```
#2e2822 rgb(46,40,34)
```
#2e2e22
```
#2e2e22 rgb(46,46,34)
```
#282e22
```
#282e22 rgb(40,46,34)
```

Analogous Color

#28222e
```
#28222e rgb(40,34,46)
```
#2e2e22
```
#2e2e22 rgb(46,46,34)
```
#22282e
```
#22282e rgb(34,40,46)
```

Split Complementary Color

#2e222e
```
#2e222e rgb(46,34,46)
```
#2e2e22
```
#2e2e22 rgb(46,46,34)
```
#222e2e
```
#222e2e rgb(34,46,46)
```

Triadic Color

#2e2222
```
#2e2222 rgb(46,34,34)
```
#2e2e22
```
#2e2e22 rgb(46,46,34)
```
#222e2e
```
#222e2e rgb(34,46,46)
```
#22222e
```
#22222e rgb(34,34,46)
```

Tetradic Color

#020201
```
#020201 rgb(2,2,1)
```
#11110c
```
#11110c rgb(17,17,12)
```
#1f1f17
```
#1f1f17 rgb(31,31,23)
```
#2e2e22
```
#2e2e22 rgb(46,46,34)
```
#3d3d2d
```
#3d3d2d rgb(61,61,45)
```
#4b4b38
```
#4b4b38 rgb(75,75,56)
```
#5a5a43
```
#5a5a43 rgb(90,90,67)
```

Monochromatic Color

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

#2e2b22
```
#2e2b22 rgb(46,43,34)
```
#2e2c22
```
#2e2c22 rgb(46,44,34)
```
#2e2d22
```
#2e2d22 rgb(46,45,34)
```
#2e2e22
```
#2e2e22 rgb(46,46,34)
```
#2d2e22
```
#2d2e22 rgb(45,46,34)
```
#2c2e22
```
#2c2e22 rgb(44,46,34)
```
#2b2e22
```
#2b2e22 rgb(43,46,34)
```

Similar Colors

Text with hexadecimal color #2e2e22

This text has a font color of #2e2e22.

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

#2e2e22 background color

This paragraph has a background color of #2e2e22.

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

#2e2e22 border color

This element has a border color of #2e2e22.

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

CSS codes

.text {color:#2e2e22;}

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

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

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 #f7f7f5 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#0c0c09
```
#0c0c09 rgb(12,12,9)
```
#171711
```
#171711 rgb(23,23,17)
```
#23231a
```
#23231a rgb(35,35,26)
```
#2e2e22
```
#2e2e22 rgb(46,46,34)
```
#39392a
```
#39392a rgb(57,57,42)
```
#454533
```
#454533 rgb(69,69,51)
```
#50503b
```
#50503b rgb(80,80,59)
```
#5b5b43
```
#5b5b43 rgb(91,91,67)
```
#66664c
```
#66664c rgb(102,102,76)
```
#727254
```
#727254 rgb(114,114,84)
```
#7d7d5c
```
#7d7d5c rgb(125,125,92)
```
#888865
```
#888865 rgb(136,136,101)
```

Shade Color Variation

#93936d
```
#93936d rgb(147,147,109)
```
#9c9c79
```
#9c9c79 rgb(156,156,121)
```
#a4a484
```
#a4a484 rgb(164,164,132)
```
#acac8f
```
#acac8f rgb(172,172,143)
```
#b5b59a
```
#b5b59a rgb(181,181,154)
```
#bdbda6
```
#bdbda6 rgb(189,189,166)
```
#c5c5b1
```
#c5c5b1 rgb(197,197,177)
```
#cecebc
```
#cecebc rgb(206,206,188)
```
#d6d6c7
```
#d6d6c7 rgb(214,214,199)
```
#deded3
```
#deded3 rgb(222,222,211)
```
#e7e7de
```
#e7e7de rgb(231,231,222)
```
#efefe9
```
#efefe9 rgb(239,239,233)
```
#f7f7f5
```
#f7f7f5 rgb(247,247,245)
```

Tint Color Variation

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

#2b2b25
```
#2b2b25 rgb(43,43,37)
```
#2e2e22
```
#2e2e22 rgb(46,46,34)
```
#31311f
```
#31311f rgb(49,49,31)
```
#34341c
```
#34341c rgb(52,52,28)
```
#373719
```
#373719 rgb(55,55,25)
```
#3a3a16
```
#3a3a16 rgb(58,58,22)
```
#3d3d13
```
#3d3d13 rgb(61,61,19)
```
#404010
```
#404010 rgb(64,64,16)
```
#44440c
```
#44440c rgb(68,68,12)
```
#474709
```
#474709 rgb(71,71,9)
```
#4a4a06
```
#4a4a06 rgb(74,74,6)
```
#4d4d03
```
#4d4d03 rgb(77,77,3)
```
#505000
```
#505000 rgb(80,80,0)
```

Tone Color Variation

Below, you can see how #2e2e22 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
#2d2d2b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b382d Protanopia 1% of men
#40362e Deuteranopia 1% of men
#3a373a Tritanopia 0.001% of the population

Trichromacy

#363429 Protanomaly 1% of men, 0.01% of women
#393329 Deuteranomaly 6% of men, 0.4% of women
#363331 Tritanomaly 0.01% of the population

#2e2e22 hex color

#2e2e22 Color Information

#2e2e22 Color Conversion

Color Schemes with #2e2e22

Alternatives to #2e2e22

#2e2e22 Preview

Shades and Tints of #2e2e22

Tones of #2e2e22

Color Blindness Simulator