#2c2e22 hex color

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

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

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

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

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

CIE-LAB	18.387, -3.506, 7.461
XYZ	2.304, 2.605, 1.895
xyY	0.339, 0.383, 2.605
CIE-LCH	18.387, 8.243, 115.168
CIE-LUV	18.387, -0.474, 7.128
Hunter-Lab	16.14, -2.759, 4.338
Binary	00101100, 00101110, 00100010

#2c2e22
```
#2c2e22 rgb(44,46,34)
```
#24222e
```
#24222e rgb(36,34,46)
```

Complementary Color

#2e2a22
```
#2e2a22 rgb(46,42,34)
```
#2c2e22
```
#2c2e22 rgb(44,46,34)
```
#262e22
```
#262e22 rgb(38,46,34)
```

Analogous Color

#2a222e
```
#2a222e rgb(42,34,46)
```
#2c2e22
```
#2c2e22 rgb(44,46,34)
```
#22262e
```
#22262e rgb(34,38,46)
```

Split Complementary Color

#2e222c
```
#2e222c rgb(46,34,44)
```
#2c2e22
```
#2c2e22 rgb(44,46,34)
```
#222c2e
```
#222c2e rgb(34,44,46)
```

Triadic Color

#2e2422
```
#2e2422 rgb(46,36,34)
```
#2c2e22
```
#2c2e22 rgb(44,46,34)
```
#222c2e
```
#222c2e rgb(34,44,46)
```
#24222e
```
#24222e rgb(36,34,46)
```

Tetradic Color

#020201
```
#020201 rgb(2,2,1)
```
#10110c
```
#10110c rgb(16,17,12)
```
#1e1f17
```
#1e1f17 rgb(30,31,23)
```
#2c2e22
```
#2c2e22 rgb(44,46,34)
```
#3a3d2d
```
#3a3d2d rgb(58,61,45)
```
#484b38
```
#484b38 rgb(72,75,56)
```
#565a43
```
#565a43 rgb(86,90,67)
```

Monochromatic Color

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

#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)
```
#2a2e22
```
#2a2e22 rgb(42,46,34)
```
#292e22
```
#292e22 rgb(41,46,34)
```

Similar Colors

Text with hexadecimal color #2c2e22

This text has a font color of #2c2e22.

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

#2c2e22 background color

This paragraph has a background color of #2c2e22.

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

#2c2e22 border color

This element has a border color of #2c2e22.

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

CSS codes

.text {color:#2c2e22;}

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

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

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)
```
#161711
```
#161711 rgb(22,23,17)
```
#21231a
```
#21231a rgb(33,35,26)
```
#2c2e22
```
#2c2e22 rgb(44,46,34)
```
#37392a
```
#37392a rgb(55,57,42)
```
#424533
```
#424533 rgb(66,69,51)
```
#4c503b
```
#4c503b rgb(76,80,59)
```
#575b43
```
#575b43 rgb(87,91,67)
```
#62664c
```
#62664c rgb(98,102,76)
```
#6d7254
```
#6d7254 rgb(109,114,84)
```
#787d5c
```
#787d5c rgb(120,125,92)
```
#828865
```
#828865 rgb(130,136,101)
```

Shade Color Variation

#8d936d
```
#8d936d rgb(141,147,109)
```
#969c79
```
#969c79 rgb(150,156,121)
```
#9fa484
```
#9fa484 rgb(159,164,132)
```
#a7ac8f
```
#a7ac8f rgb(167,172,143)
```
#b0b59a
```
#b0b59a rgb(176,181,154)
```
#b9bda6
```
#b9bda6 rgb(185,189,166)
```
#c2c5b1
```
#c2c5b1 rgb(194,197,177)
```
#cbcebc
```
#cbcebc rgb(203,206,188)
```
#d4d6c7
```
#d4d6c7 rgb(212,214,199)
```
#dcded3
```
#dcded3 rgb(220,222,211)
```
#e5e7de
```
#e5e7de rgb(229,231,222)
```
#eeefe9
```
#eeefe9 rgb(238,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, #2a2b25 is the less saturated color, while #435000 is the most saturated one.

#2a2b25
```
#2a2b25 rgb(42,43,37)
```
#2c2e22
```
#2c2e22 rgb(44,46,34)
```
#2e311f
```
#2e311f rgb(46,49,31)
```
#30341c
```
#30341c rgb(48,52,28)
```
#323719
```
#323719 rgb(50,55,25)
```
#343a16
```
#343a16 rgb(52,58,22)
```
#363d13
```
#363d13 rgb(54,61,19)
```
#384010
```
#384010 rgb(56,64,16)
```
#3a440c
```
#3a440c rgb(58,68,12)
```
#3c4709
```
#3c4709 rgb(60,71,9)
```
#3e4a06
```
#3e4a06 rgb(62,74,6)
```
#414d03
```
#414d03 rgb(65,77,3)
```
#435000
```
#435000 rgb(67,80,0)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#2c2c2a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b372c Protanopia 1% of men
#40352e Deuteranopia 1% of men
#39373a Tritanopia 0.001% of the population

Trichromacy

#353428 Protanomaly 1% of men, 0.01% of women
#383229 Deuteranomaly 6% of men, 0.4% of women
#343331 Tritanomaly 0.01% of the population

#2c2e22 hex color

#2c2e22 Color Information

#2c2e22 Color Conversion

Color Schemes with #2c2e22

Alternatives to #2c2e22

#2c2e22 Preview

Shades and Tints of #2c2e22

Tones of #2c2e22

Color Blindness Simulator