#422212 hex color

In a RGB color space, hex #422212 is composed of 25.9% red, 13.3% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.5% magenta, 72.7% yellow and 74.1% black. It has a hue angle of 20 degrees, a saturation of 57.1% and a lightness of 16.5%. #422212 color hex could be obtained by blending #844424 with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 26
- G 13
- B 7
RGB color chart
- C 0
- M 48
- Y 73
- K 74
CMYK color chart

● #422212 color description : Very dark orange [Brown tone].

The hexadecimal color #422212 has RGB values of R:66, G:34, B:18 and CMYK values of C:0, M:0.48, Y:0.73, K:0.74. Its decimal value is 4334098.

Hex triplet	422212	`#422212`
RGB Decimal	66, 34, 18	`rgb(66,34,18)`
RGB Percent	25.9, 13.3, 7.1	`rgb(25.9%,13.3%,7.1%)`
CMYK	0, 48, 73, 74
HSL	20°, 57.1, 16.5	`hsl(20,57.1%,16.5%)`
HSV (or HSB)	20°, 72.7, 25.9
Web Safe	333300	`#333300`

CIE-LAB	17.208, 13.602, 17.213
XYZ	2.928, 2.346, 0.871
xyY	0.476, 0.382, 2.346
CIE-LCH	17.208, 21.938, 51.683
CIE-LUV	17.208, 20.064, 11.197
Hunter-Lab	15.317, 7.317, 7.351
Binary	01000010, 00100010, 00010010

#422212
```
#422212 rgb(66,34,18)
```
#123242
```
#123242 rgb(18,50,66)
```

Complementary Color

#42121a
```
#42121a rgb(66,18,26)
```
#422212
```
#422212 rgb(66,34,18)
```
#423a12
```
#423a12 rgb(66,58,18)
```

Analogous Color

#121a42
```
#121a42 rgb(18,26,66)
```
#422212
```
#422212 rgb(66,34,18)
```
#12423a
```
#12423a rgb(18,66,58)
```

Split Complementary Color

#221242
```
#221242 rgb(34,18,66)
```
#422212
```
#422212 rgb(66,34,18)
```
#124222
```
#124222 rgb(18,66,34)
```

Triadic Color

#421232
```
#421232 rgb(66,18,50)
```
#422212
```
#422212 rgb(66,34,18)
```
#124222
```
#124222 rgb(18,66,34)
```
#123242
```
#123242 rgb(18,50,66)
```

Tetradic Color

#060302
```
#060302 rgb(6,3,2)
```
#1a0d07
```
#1a0d07 rgb(26,13,7)
```
#2e180d
```
#2e180d rgb(46,24,13)
```
#422212
```
#422212 rgb(66,34,18)
```
#562c17
```
#562c17 rgb(86,44,23)
```
#6a371d
```
#6a371d rgb(106,55,29)
```
#7e4122
```
#7e4122 rgb(126,65,34)
```

Monochromatic Color

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

#421612
```
#421612 rgb(66,22,18)
```
#421a12
```
#421a12 rgb(66,26,18)
```
#421e12
```
#421e12 rgb(66,30,18)
```
#422212
```
#422212 rgb(66,34,18)
```
#422612
```
#422612 rgb(66,38,18)
```
#422a12
```
#422a12 rgb(66,42,18)
```
#422e12
```
#422e12 rgb(66,46,18)
```

Similar Colors

Text with hexadecimal color #422212

This text has a font color of #422212.

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

#422212 background color

This paragraph has a background color of #422212.

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

#422212 border color

This element has a border color of #422212.

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

CSS codes

.text {color:#422212;}

.background {background-color:#422212;}

.border {border:1px solid #422212;}

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

#040201
```
#040201 rgb(4,2,1)
```
#140a05
```
#140a05 rgb(20,10,5)
```
#23120a
```
#23120a rgb(35,18,10)
```
#331a0e
```
#331a0e rgb(51,26,14)
```
#422212
```
#422212 rgb(66,34,18)
```
#512a16
```
#512a16 rgb(81,42,22)
```
#61321a
```
#61321a rgb(97,50,26)
```
#703a1f
```
#703a1f rgb(112,58,31)
```
#804223
```
#804223 rgb(128,66,35)
```
#8f4a27
```
#8f4a27 rgb(143,74,39)
```
#9e522b
```
#9e522b rgb(158,82,43)
```
#ae5a2f
```
#ae5a2f rgb(174,90,47)
```
#bd6234
```
#bd6234 rgb(189,98,52)
```

Shade Color Variation

#ca6b3b
```
#ca6b3b rgb(202,107,59)
```
#ce764a
```
#ce764a rgb(206,118,74)
```
#d2825a
```
#d2825a rgb(210,130,90)
```
#d68e69
```
#d68e69 rgb(214,142,105)
```
#da9979
```
#da9979 rgb(218,153,121)
```
#dfa588
```
#dfa588 rgb(223,165,136)
```
#e3b197
```
#e3b197 rgb(227,177,151)
```
#e7bca7
```
#e7bca7 rgb(231,188,167)
```
#ebc8b6
```
#ebc8b6 rgb(235,200,182)
```
#efd4c6
```
#efd4c6 rgb(239,212,198)
```
#f4dfd5
```
#f4dfd5 rgb(244,223,213)
```
#f8ebe5
```
#f8ebe5 rgb(248,235,229)
```
#fcf7f4
```
#fcf7f4 rgb(252,247,244)
```

Tint Color Variation

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

#2b2a29
```
#2b2a29 rgb(43,42,41)
```
#2f2825
```
#2f2825 rgb(47,40,37)
```
#322722
```
#322722 rgb(50,39,34)
```
#35261f
```
#35261f rgb(53,38,31)
```
#38251c
```
#38251c rgb(56,37,28)
```
#3c2418
```
#3c2418 rgb(60,36,24)
```
#3f2315
```
#3f2315 rgb(63,35,21)
```
#422212
```
#422212 rgb(66,34,18)
```
#45210f
```
#45210f rgb(69,33,15)
```
#48200c
```
#48200c rgb(72,32,12)
```
#4c1f08
```
#4c1f08 rgb(76,31,8)
```
#4f1e05
```
#4f1e05 rgb(79,30,5)
```
#521d02
```
#521d02 rgb(82,29,2)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#2f2825 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a3520 Protanopia 1% of men
#41331c Deuteranopia 1% of men
#4c2b2e Tritanopia 0.001% of the population

Trichromacy

#3d2e1b Protanomaly 1% of men, 0.01% of women
#412c18 Deuteranomaly 6% of men, 0.4% of women
#482824 Tritanomaly 0.01% of the population

#422212 hex color

#422212 Color Information

#422212 Color Conversion

Color Schemes with #422212

Alternatives to #422212

#422212 Preview

Shades and Tints of #422212

Tones of #422212

Color Blindness Simulator