#22180b hex color

In a RGB color space, hex #22180b is composed of 13.3% red, 9.4% green and 4.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.4% magenta, 67.6% yellow and 86.7% black. It has a hue angle of 33.9 degrees, a saturation of 51.1% and a lightness of 8.8%. #22180b color hex could be obtained by blending #443016 with #000000. Closest websafe color is: #330000.

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

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

The hexadecimal color #22180b has RGB values of R:34, G:24, B:11 and CMYK values of C:0, M:0.29, Y:0.68, K:0.87. Its decimal value is 2234379.

Hex triplet	22180b	`#22180b`
RGB Decimal	34, 24, 11	`rgb(34,24,11)`
RGB Percent	13.3, 9.4, 4.3	`rgb(13.3%,9.4%,4.3%)`
CMYK	0, 29, 68, 87
HSL	33.9°, 51.1, 8.8	`hsl(33.9,51.1%,8.8%)`
HSV (or HSB)	33.9°, 67.6, 13.3
Web Safe	330000	`#330000`

CIE-LAB	9.137, 2.894, 9.204
XYZ	1.047, 1.018, 0.458
xyY	0.415, 0.403, 1.018
CIE-LCH	9.137, 9.648, 72.548
CIE-LUV	9.137, 4.624, 5.885
Hunter-Lab	10.087, 0.869, 4.37
Binary	00100010, 00011000, 00001011

#22180b
```
#22180b rgb(34,24,11)
```
#0b1522
```
#0b1522 rgb(11,21,34)
```

Complementary Color

#220d0b
```
#220d0b rgb(34,13,11)
```
#22180b
```
#22180b rgb(34,24,11)
```
#21220b
```
#21220b rgb(33,34,11)
```

Analogous Color

#0d0b22
```
#0d0b22 rgb(13,11,34)
```
#22180b
```
#22180b rgb(34,24,11)
```
#0b2122
```
#0b2122 rgb(11,33,34)
```

Split Complementary Color

#180b22
```
#180b22 rgb(24,11,34)
```
#22180b
```
#22180b rgb(34,24,11)
```
#0b2218
```
#0b2218 rgb(11,34,24)
```

Triadic Color

#220b15
```
#220b15 rgb(34,11,21)
```
#22180b
```
#22180b rgb(34,24,11)
```
#0b2218
```
#0b2218 rgb(11,34,24)
```
#0b1522
```
#0b1522 rgb(11,21,34)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#000000
```
#000000 rgb(0,0,0)
```
#0f0a05
```
#0f0a05 rgb(15,10,5)
```
#22180b
```
#22180b rgb(34,24,11)
```
#352611
```
#352611 rgb(53,38,17)
```
#493317
```
#493317 rgb(73,51,23)
```
#5c411e
```
#5c411e rgb(92,65,30)
```

Monochromatic Color

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

#22120b
```
#22120b rgb(34,18,11)
```
#22140b
```
#22140b rgb(34,20,11)
```
#22160b
```
#22160b rgb(34,22,11)
```
#22180b
```
#22180b rgb(34,24,11)
```
#221a0b
```
#221a0b rgb(34,26,11)
```
#221c0b
```
#221c0b rgb(34,28,11)
```
#221e0b
```
#221e0b rgb(34,30,11)
```

Similar Colors

Text with hexadecimal color #22180b

This text has a font color of #22180b.

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

#22180b background color

This paragraph has a background color of #22180b.

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

#22180b border color

This element has a border color of #22180b.

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

CSS codes

.text {color:#22180b;}

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

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

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

#040301
```
#040301 rgb(4,3,1)
```
#130e06
```
#130e06 rgb(19,14,6)
```
#22180b
```
#22180b rgb(34,24,11)
```
#312210
```
#312210 rgb(49,34,16)
```
#402d15
```
#402d15 rgb(64,45,21)
```
#4e3719
```
#4e3719 rgb(78,55,25)
```
#5d421e
```
#5d421e rgb(93,66,30)
```
#6c4c23
```
#6c4c23 rgb(108,76,35)
```
#7b5728
```
#7b5728 rgb(123,87,40)
```
#8a612d
```
#8a612d rgb(138,97,45)
```
#996c31
```
#996c31 rgb(153,108,49)
```
#a77636
```
#a77636 rgb(167,118,54)
```
#b6813b
```
#b6813b rgb(182,129,59)
```

Shade Color Variation

#c28b43
```
#c28b43 rgb(194,139,67)
```
#c79452
```
#c79452 rgb(199,148,82)
```
#cc9d60
```
#cc9d60 rgb(204,157,96)
```
#d0a66f
```
#d0a66f rgb(208,166,111)
```
#d5af7e
```
#d5af7e rgb(213,175,126)
```
#dab88d
```
#dab88d rgb(218,184,141)
```
#dfc29c
```
#dfc29c rgb(223,194,156)
```
#e4cbaa
```
#e4cbaa rgb(228,203,170)
```
#e8d4b9
```
#e8d4b9 rgb(232,212,185)
```
#edddc8
```
#edddc8 rgb(237,221,200)
```
#f2e6d7
```
#f2e6d7 rgb(242,230,215)
```
#f7efe6
```
#f7efe6 rgb(247,239,230)
```
#fcf9f5
```
#fcf9f5 rgb(252,249,245)
```

Tint Color Variation

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

#181715
```
#181715 rgb(24,23,21)
```
#191714
```
#191714 rgb(25,23,20)
```
#1b1712
```
#1b1712 rgb(27,23,18)
```
#1d1710
```
#1d1710 rgb(29,23,16)
```
#1f180e
```
#1f180e rgb(31,24,14)
```
#20180d
```
#20180d rgb(32,24,13)
```
#22180b
```
#22180b rgb(34,24,11)
```
#241809
```
#241809 rgb(36,24,9)
```
#251808
```
#251808 rgb(37,24,8)
```
#271906
```
#271906 rgb(39,25,6)
```
#291904
```
#291904 rgb(41,25,4)
```
#2b1902
```
#2b1902 rgb(43,25,2)
```
#2c1901
```
#2c1901 rgb(44,25,1)
```

Tone Color Variation

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

#282518 Protanopia 1% of men
#2d2417 Deuteranopia 1% of men
#2e2224 Tritanopia 0.001% of the population

Trichromacy

#262013 Protanomaly 1% of men, 0.01% of women
#291f13 Deuteranomaly 6% of men, 0.4% of women
#2a1e1b Tritanomaly 0.01% of the population

#22180b hex color

#22180b Color Information

#22180b Color Conversion

Color Schemes with #22180b

Alternatives to #22180b

#22180b Preview

Shades and Tints of #22180b

Tones of #22180b

Color Blindness Simulator