#22180d hex color

In a RGB color space, hex #22180d is composed of 13.3% red, 9.4% green and 5.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.4% magenta, 61.8% yellow and 86.7% black. It has a hue angle of 31.4 degrees, a saturation of 44.7% and a lightness of 9.2%. #22180d color hex could be obtained by blending #44301a with #000000. Closest websafe color is: #330000.

♥
- f
- t
- g
- R 13
- G 9
- B 5
RGB color chart
- C 0
- M 29
- Y 62
- K 87
CMYK color chart

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

The hexadecimal color #22180d has RGB values of R:34, G:24, B:13 and CMYK values of C:0, M:0.29, Y:0.62, K:0.87. Its decimal value is 2234381.

Hex triplet	22180d	`#22180d`
RGB Decimal	34, 24, 13	`rgb(34,24,13)`
RGB Percent	13.3, 9.4, 5.1	`rgb(13.3%,9.4%,5.1%)`
CMYK	0, 29, 62, 87
HSL	31.4°, 44.7, 9.2	`hsl(31.4,44.7%,9.2%)`
HSV (or HSB)	31.4°, 61.8, 13.3
Web Safe	330000	`#330000`

CIE-LAB	9.177, 3.152, 8.352
XYZ	1.059, 1.022, 0.522
xyY	0.407, 0.393, 1.022
CIE-LCH	9.177, 8.927, 69.323
CIE-LUV	9.177, 4.531, 5.243
Hunter-Lab	10.112, 0.999, 4.015
Binary	00100010, 00011000, 00001101

#22180d
```
#22180d rgb(34,24,13)
```
#0d1722
```
#0d1722 rgb(13,23,34)
```

Complementary Color

#220e0d
```
#220e0d rgb(34,14,13)
```
#22180d
```
#22180d rgb(34,24,13)
```
#22220d
```
#22220d rgb(34,34,13)
```

Analogous Color

#0e0d22
```
#0e0d22 rgb(14,13,34)
```
#22180d
```
#22180d rgb(34,24,13)
```
#0d2222
```
#0d2222 rgb(13,34,34)
```

Split Complementary Color

#180d22
```
#180d22 rgb(24,13,34)
```
#22180d
```
#22180d rgb(34,24,13)
```
#0d2218
```
#0d2218 rgb(13,34,24)
```

Triadic Color

#220d17
```
#220d17 rgb(34,13,23)
```
#22180d
```
#22180d rgb(34,24,13)
```
#0d2218
```
#0d2218 rgb(13,34,24)
```
#0d1722
```
#0d1722 rgb(13,23,34)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#000000
```
#000000 rgb(0,0,0)
```
#100b06
```
#100b06 rgb(16,11,6)
```
#22180d
```
#22180d rgb(34,24,13)
```
#342514
```
#342514 rgb(52,37,20)
```
#47321b
```
#47321b rgb(71,50,27)
```
#593f22
```
#593f22 rgb(89,63,34)
```

Monochromatic Color

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

#22130d
```
#22130d rgb(34,19,13)
```
#22150d
```
#22150d rgb(34,21,13)
```
#22160d
```
#22160d rgb(34,22,13)
```
#22180d
```
#22180d rgb(34,24,13)
```
#221a0d
```
#221a0d rgb(34,26,13)
```
#221c0d
```
#221c0d rgb(34,28,13)
```
#221d0d
```
#221d0d rgb(34,29,13)
```

Similar Colors

Text with hexadecimal color #22180d

This text has a font color of #22180d.

<span style="color:#22180d;">Text here</span>

#22180d background color

This paragraph has a background color of #22180d.

<p style="background-color:#22180d;">Content here</p>

#22180d border color

This element has a border color of #22180d.

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

CSS codes

.text {color:#22180d;}

.background {background-color:#22180d;}

.border {border:1px solid #22180d;}

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

#060402
```
#060402 rgb(6,4,2)
```
#140e08
```
#140e08 rgb(20,14,8)
```
#22180d
```
#22180d rgb(34,24,13)
```
#302212
```
#302212 rgb(48,34,18)
```
#3e2c18
```
#3e2c18 rgb(62,44,24)
```
#4d361d
```
#4d361d rgb(77,54,29)
```
#5b4023
```
#5b4023 rgb(91,64,35)
```
#694a28
```
#694a28 rgb(105,74,40)
```
#77542e
```
#77542e rgb(119,84,46)
```
#855e33
```
#855e33 rgb(133,94,51)
```
#946838
```
#946838 rgb(148,104,56)
```
#a2723e
```
#a2723e rgb(162,114,62)
```
#b07c43
```
#b07c43 rgb(176,124,67)
```

Shade Color Variation

#bb864c
```
#bb864c rgb(187,134,76)
```
#c0905a
```
#c0905a rgb(192,144,90)
```
#c59969
```
#c59969 rgb(197,153,105)
```
#cba377
```
#cba377 rgb(203,163,119)
```
#d0ac85
```
#d0ac85 rgb(208,172,133)
```
#d6b693
```
#d6b693 rgb(214,182,147)
```
#dbc0a1
```
#dbc0a1 rgb(219,192,161)
```
#e1c9af
```
#e1c9af rgb(225,201,175)
```
#e6d3be
```
#e6d3be rgb(230,211,190)
```
#ebdccc
```
#ebdccc rgb(235,220,204)
```
#f1e6da
```
#f1e6da rgb(241,230,218)
```
#f6f0e8
```
#f6f0e8 rgb(246,240,232)
```
#fcf9f6
```
#fcf9f6 rgb(252,249,246)
```

Tint Color Variation

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

#191816
```
#191816 rgb(25,24,22)
```
#1b1814
```
#1b1814 rgb(27,24,20)
```
#1d1812
```
#1d1812 rgb(29,24,18)
```
#1e1811
```
#1e1811 rgb(30,24,17)
```
#20180f
```
#20180f rgb(32,24,15)
```
#22180d
```
#22180d rgb(34,24,13)
```
#24180b
```
#24180b rgb(36,24,11)
```
#261809
```
#261809 rgb(38,24,9)
```
#271808
```
#271808 rgb(39,24,8)
```
#291806
```
#291806 rgb(41,24,6)
```
#2b1804
```
#2b1804 rgb(43,24,4)
```
#2d1902
```
#2d1902 rgb(45,25,2)
```
#2f1900
```
#2f1900 rgb(47,25,0)
```

Tone Color Variation

Below, you can see how #22180d 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

#1a1a1a Achromatopsia 0.005% of the population
#1c1a17 Atypical Achromatopsia 0.001% of the population

Dichromacy

#28251a Protanopia 1% of men
#2d2419 Deuteranopia 1% of men
#2e2224 Tritanopia 0.001% of the population

Trichromacy

#262015 Protanomaly 1% of men, 0.01% of women
#291f14 Deuteranomaly 6% of men, 0.4% of women
#2a1e1c Tritanomaly 0.01% of the population

#22180d hex color

#22180d Color Information

#22180d Color Conversion

Color Schemes with #22180d

Alternatives to #22180d

#22180d Preview

Shades and Tints of #22180d

Tones of #22180d

Color Blindness Simulator