#22180e hex color

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

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

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

The hexadecimal color #22180e has RGB values of R:34, G:24, B:14 and CMYK values of C:0, M:0.29, Y:0.59, K:0.87. Its decimal value is 2234382.

Hex triplet	22180e	`#22180e`
RGB Decimal	34, 24, 14	`rgb(34,24,14)`
RGB Percent	13.3, 9.4, 5.5	`rgb(13.3%,9.4%,5.5%)`
CMYK	0, 29, 59, 87
HSL	30°, 41.7, 9.4	`hsl(30,41.7%,9.4%)`
HSV (or HSB)	30°, 58.8, 13.3
Web Safe	330000	`#330000`

CIE-LAB	9.199, 3.291, 7.89
XYZ	1.066, 1.025, 0.557
xyY	0.402, 0.387, 1.025
CIE-LCH	9.199, 8.549, 67.362
CIE-LUV	9.199, 4.481, 4.903
Hunter-Lab	10.125, 1.068, 3.824
Binary	00100010, 00011000, 00001110

#22180e
```
#22180e rgb(34,24,14)
```
#0e1822
```
#0e1822 rgb(14,24,34)
```

Complementary Color

#220e0e
```
#220e0e rgb(34,14,14)
```
#22180e
```
#22180e rgb(34,24,14)
```
#22220e
```
#22220e rgb(34,34,14)
```

Analogous Color

#0e0e22
```
#0e0e22 rgb(14,14,34)
```
#22180e
```
#22180e rgb(34,24,14)
```
#0e2222
```
#0e2222 rgb(14,34,34)
```

Split Complementary Color

#180e22
```
#180e22 rgb(24,14,34)
```
#22180e
```
#22180e rgb(34,24,14)
```
#0e2218
```
#0e2218 rgb(14,34,24)
```

Triadic Color

#220e18
```
#220e18 rgb(34,14,24)
```
#22180e
```
#22180e rgb(34,24,14)
```
#0e2218
```
#0e2218 rgb(14,34,24)
```
#0e1822
```
#0e1822 rgb(14,24,34)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#000000
```
#000000 rgb(0,0,0)
```
#100b07
```
#100b07 rgb(16,11,7)
```
#22180e
```
#22180e rgb(34,24,14)
```
#342515
```
#342515 rgb(52,37,21)
```
#46321d
```
#46321d rgb(70,50,29)
```
#583e24
```
#583e24 rgb(88,62,36)
```

Monochromatic Color

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

#22130e
```
#22130e rgb(34,19,14)
```
#22150e
```
#22150e rgb(34,21,14)
```
#22160e
```
#22160e rgb(34,22,14)
```
#22180e
```
#22180e rgb(34,24,14)
```
#221a0e
```
#221a0e rgb(34,26,14)
```
#221b0e
```
#221b0e rgb(34,27,14)
```
#221d0e
```
#221d0e rgb(34,29,14)
```

Similar Colors

Text with hexadecimal color #22180e

This text has a font color of #22180e.

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

#22180e background color

This paragraph has a background color of #22180e.

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

#22180e border color

This element has a border color of #22180e.

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

CSS codes

.text {color:#22180e;}

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

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

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

#060403
```
#060403 rgb(6,4,3)
```
#140e08
```
#140e08 rgb(20,14,8)
```
#22180e
```
#22180e rgb(34,24,14)
```
#302214
```
#302214 rgb(48,34,20)
```
#3e2c19
```
#3e2c19 rgb(62,44,25)
```
#4c351f
```
#4c351f rgb(76,53,31)
```
#5a3f25
```
#5a3f25 rgb(90,63,37)
```
#67492b
```
#67492b rgb(103,73,43)
```
#755330
```
#755330 rgb(117,83,48)
```
#835d36
```
#835d36 rgb(131,93,54)
```
#91663c
```
#91663c rgb(145,102,60)
```
#9f7041
```
#9f7041 rgb(159,112,65)
```
#ad7a47
```
#ad7a47 rgb(173,122,71)
```

Shade Color Variation

#b78451
```
#b78451 rgb(183,132,81)
```
#bd8e5e
```
#bd8e5e rgb(189,142,94)
```
#c3986c
```
#c3986c rgb(195,152,108)
```
#c8a17a
```
#c8a17a rgb(200,161,122)
```
#ceab88
```
#ceab88 rgb(206,171,136)
```
#d4b596
```
#d4b596 rgb(212,181,150)
```
#dabfa4
```
#dabfa4 rgb(218,191,164)
```
#dfc9b2
```
#dfc9b2 rgb(223,201,178)
```
#e5d2c0
```
#e5d2c0 rgb(229,210,192)
```
#ebdcce
```
#ebdcce rgb(235,220,206)
```
#f0e6dc
```
#f0e6dc rgb(240,230,220)
```
#f6f0e9
```
#f6f0e9 rgb(246,240,233)
```
#fcfaf7
```
#fcfaf7 rgb(252,250,247)
```

Tint Color Variation

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

#191817
```
#191817 rgb(25,24,23)
```
#1b1815
```
#1b1815 rgb(27,24,21)
```
#1c1814
```
#1c1814 rgb(28,24,20)
```
#1e1812
```
#1e1812 rgb(30,24,18)
```
#201810
```
#201810 rgb(32,24,16)
```
#22180e
```
#22180e rgb(34,24,14)
```
#24180c
```
#24180c rgb(36,24,12)
```
#26180a
```
#26180a rgb(38,24,10)
```
#281808
```
#281808 rgb(40,24,8)
```
#291807
```
#291807 rgb(41,24,7)
```
#2b1805
```
#2b1805 rgb(43,24,5)
```
#2d1803
```
#2d1803 rgb(45,24,3)
```
#2f1801
```
#2f1801 rgb(47,24,1)
```

Tone Color Variation

Below, you can see how #22180e 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
#1c1a18 Atypical Achromatopsia 0.001% of the population

Dichromacy

#28251b Protanopia 1% of men
#2c241a Deuteranopia 1% of men
#2e2225 Tritanopia 0.001% of the population

Trichromacy

#262016 Protanomaly 1% of men, 0.01% of women
#281f15 Deuteranomaly 6% of men, 0.4% of women
#2a1e1c Tritanomaly 0.01% of the population

#22180e hex color

#22180e Color Information

#22180e Color Conversion

Color Schemes with #22180e

Alternatives to #22180e

#22180e Preview

Shades and Tints of #22180e

Tones of #22180e

Color Blindness Simulator