#2d2522 hex color

In a RGB color space, hex #2d2522 is composed of 17.6% red, 14.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.8% magenta, 24.4% yellow and 82.4% black. It has a hue angle of 16.4 degrees, a saturation of 13.9% and a lightness of 15.5%. #2d2522 color hex could be obtained by blending #5a4a44 with #000000. Closest websafe color is: #333333.

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

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

The hexadecimal color #2d2522 has RGB values of R:45, G:37, B:34 and CMYK values of C:0, M:0.18, Y:0.24, K:0.82. Its decimal value is 2958626.

Hex triplet	2d2522	`#2d2522`
RGB Decimal	45, 37, 34	`rgb(45,37,34)`
RGB Percent	17.6, 14.5, 13.3	`rgb(17.6%,14.5%,13.3%)`
CMYK	0, 18, 24, 82
HSL	16.4°, 13.9, 15.5	`hsl(16.4,13.9%,15.5%)`
HSV (or HSB)	16.4°, 24.4, 17.6
Web Safe	333333	`#333333`

CIE-LAB	15.469, 3.138, 3.388
XYZ	2.032, 1.997, 1.792
xyY	0.349, 0.343, 1.997
CIE-LCH	15.469, 4.618, 47.191
CIE-LUV	15.469, 3.98, 2.552
Hunter-Lab	14.13, 0.948, 2.373
Binary	00101101, 00100101, 00100010

#2d2522
```
#2d2522 rgb(45,37,34)
```
#222a2d
```
#222a2d rgb(34,42,45)
```

Complementary Color

#2d2225
```
#2d2225 rgb(45,34,37)
```
#2d2522
```
#2d2522 rgb(45,37,34)
```
#2d2b22
```
#2d2b22 rgb(45,43,34)
```

Analogous Color

#22252d
```
#22252d rgb(34,37,45)
```
#2d2522
```
#2d2522 rgb(45,37,34)
```
#222d2b
```
#222d2b rgb(34,45,43)
```

Split Complementary Color

#25222d
```
#25222d rgb(37,34,45)
```
#2d2522
```
#2d2522 rgb(45,37,34)
```
#222d25
```
#222d25 rgb(34,45,37)
```

Triadic Color

#2d222a
```
#2d222a rgb(45,34,42)
```
#2d2522
```
#2d2522 rgb(45,37,34)
```
#222d25
```
#222d25 rgb(34,45,37)
```
#222a2d
```
#222a2d rgb(34,42,45)
```

Tetradic Color

#010101
```
#010101 rgb(1,1,1)
```
#100d0c
```
#100d0c rgb(16,13,12)
```
#1e1917
```
#1e1917 rgb(30,25,23)
```
#2d2522
```
#2d2522 rgb(45,37,34)
```
#3c312d
```
#3c312d rgb(60,49,45)
```
#4a3d38
```
#4a3d38 rgb(74,61,56)
```
#594943
```
#594943 rgb(89,73,67)
```

Monochromatic Color

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

#2d2222
```
#2d2222 rgb(45,34,34)
```
#2d2322
```
#2d2322 rgb(45,35,34)
```
#2d2422
```
#2d2422 rgb(45,36,34)
```
#2d2522
```
#2d2522 rgb(45,37,34)
```
#2d2622
```
#2d2622 rgb(45,38,34)
```
#2d2722
```
#2d2722 rgb(45,39,34)
```
#2d2822
```
#2d2822 rgb(45,40,34)
```

Similar Colors

Text with hexadecimal color #2d2522

This text has a font color of #2d2522.

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

#2d2522 background color

This paragraph has a background color of #2d2522.

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

#2d2522 border color

This element has a border color of #2d2522.

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

CSS codes

.text {color:#2d2522;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0b0909
```
#0b0909 rgb(11,9,9)
```
#171311
```
#171311 rgb(23,19,17)
```
#221c1a
```
#221c1a rgb(34,28,26)
```
#2d2522
```
#2d2522 rgb(45,37,34)
```
#382e2a
```
#382e2a rgb(56,46,42)
```
#433733
```
#433733 rgb(67,55,51)
```
#4f413b
```
#4f413b rgb(79,65,59)
```
#5a4a44
```
#5a4a44 rgb(90,74,68)
```
#65534c
```
#65534c rgb(101,83,76)
```
#705c55
```
#705c55 rgb(112,92,85)
```
#7b655d
```
#7b655d rgb(123,101,93)
```
#866e66
```
#866e66 rgb(134,110,102)
```

Shade Color Variation

#91786e
```
#91786e rgb(145,120,110)
```
#9a8279
```
#9a8279 rgb(154,130,121)
```
#a28d84
```
#a28d84 rgb(162,141,132)
```
#ab9790
```
#ab9790 rgb(171,151,144)
```
#b3a19b
```
#b3a19b rgb(179,161,155)
```
#bcaca6
```
#bcaca6 rgb(188,172,166)
```
#c4b6b1
```
#c4b6b1 rgb(196,182,177)
```
#cdc1bc
```
#cdc1bc rgb(205,193,188)
```
#d5cbc7
```
#d5cbc7 rgb(213,203,199)
```
#ddd6d3
```
#ddd6d3 rgb(221,214,211)
```
#e6e0de
```
#e6e0de rgb(230,224,222)
```
#eeeae9
```
#eeeae9 rgb(238,234,233)
```
#f7f5f4
```
#f7f5f4 rgb(247,245,244)
```

Tint Color Variation

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

#2a2625
```
#2a2625 rgb(42,38,37)
```
#2d2522
```
#2d2522 rgb(45,37,34)
```
#30241f
```
#30241f rgb(48,36,31)
```
#33221c
```
#33221c rgb(51,34,28)
```
#362119
```
#362119 rgb(54,33,25)
```
#391f16
```
#391f16 rgb(57,31,22)
```
#3c1e13
```
#3c1e13 rgb(60,30,19)
```
#3f1d10
```
#3f1d10 rgb(63,29,16)
```
#421b0d
```
#421b0d rgb(66,27,13)
```
#451a0a
```
#451a0a rgb(69,26,10)
```
#481907
```
#481907 rgb(72,25,7)
```
#4b1704
```
#4b1704 rgb(75,23,4)
```
#4e1601
```
#4e1601 rgb(78,22,1)
```

Tone Color Variation

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

#272727 Achromatopsia 0.005% of the population
#282726 Atypical Achromatopsia 0.001% of the population

Dichromacy

#33312e Protanopia 1% of men
#38302d Deuteranopia 1% of men
#382f32 Tritanopia 0.001% of the population

Trichromacy

#312d29 Protanomaly 1% of men, 0.01% of women
#342c29 Deuteranomaly 6% of men, 0.4% of women
#342b2c Tritanomaly 0.01% of the population

#2d2522 hex color

#2d2522 Color Information

#2d2522 Color Conversion

Color Schemes with #2d2522

Alternatives to #2d2522

#2d2522 Preview

Shades and Tints of #2d2522

Tones of #2d2522

Color Blindness Simulator