#a22200 hex color

In a RGB color space, hex #a22200 is composed of 63.5% red, 13.3% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79% magenta, 100% yellow and 36.5% black. It has a hue angle of 12.6 degrees, a saturation of 100% and a lightness of 31.8%. #a22200 color hex could be obtained by blending #ff4400 with #450000. Closest websafe color is: #993300.

♥
- f
- t
- g
- R 64
- G 13
- B 0
RGB color chart
- C 0
- M 79
- Y 100
- K 36
CMYK color chart

● #a22200 color description : Dark red.

The hexadecimal color #a22200 has RGB values of R:162, G:34, B:0 and CMYK values of C:0, M:0.79, Y:1, K:0.36. Its decimal value is 10625536.

Hex triplet	a22200	`#a22200`
RGB Decimal	162, 34, 0	`rgb(162,34,0)`
RGB Percent	63.5, 13.3, 0	`rgb(63.5%,13.3%,0%)`
CMYK	0, 79, 100, 36
HSL	12.6°, 100, 31.8	`hsl(12.6,100%,31.8%)`
HSV (or HSB)	12.6°, 100, 63.5
Web Safe	993300	`#993300`

CIE-LAB	35.65, 50.385, 48.747
XYZ	15.473, 8.827, 0.889
xyY	0.614, 0.35, 8.827
CIE-LCH	35.65, 70.106, 44.054
CIE-LUV	35.65, 98.838, 27.514
Hunter-Lab	29.711, 40.967, 19.023
Binary	10100010, 00100010, 00000000

#a22200
```
#a22200 rgb(162,34,0)
```
#0080a2
```
#0080a2 rgb(0,128,162)
```

Complementary Color

#a2002f
```
#a2002f rgb(162,0,47)
```
#a22200
```
#a22200 rgb(162,34,0)
```
#a27300
```
#a27300 rgb(162,115,0)
```

Analogous Color

#002fa2
```
#002fa2 rgb(0,47,162)
```
#a22200
```
#a22200 rgb(162,34,0)
```
#00a273
```
#00a273 rgb(0,162,115)
```

Split Complementary Color

#2200a2
```
#2200a2 rgb(34,0,162)
```
#a22200
```
#a22200 rgb(162,34,0)
```
#00a222
```
#00a222 rgb(0,162,34)
```

Triadic Color

#a20080
```
#a20080 rgb(162,0,128)
```
#a22200
```
#a22200 rgb(162,34,0)
```
#00a222
```
#00a222 rgb(0,162,34)
```
#0080a2
```
#0080a2 rgb(0,128,162)
```

Tetradic Color

#561200
```
#561200 rgb(86,18,0)
```
#6f1700
```
#6f1700 rgb(111,23,0)
```
#891d00
```
#891d00 rgb(137,29,0)
```
#a22200
```
#a22200 rgb(162,34,0)
```
#bc2700
```
#bc2700 rgb(188,39,0)
```
#d52d00
```
#d52d00 rgb(213,45,0)
```
#ef3200
```
#ef3200 rgb(239,50,0)
```

Monochromatic Color

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

#a20007
```
#a20007 rgb(162,0,7)
```
#a20700
```
#a20700 rgb(162,7,0)
```
#a21500
```
#a21500 rgb(162,21,0)
```
#a22200
```
#a22200 rgb(162,34,0)
```
#a23000
```
#a23000 rgb(162,48,0)
```
#a23d00
```
#a23d00 rgb(162,61,0)
```
#a24b00
```
#a24b00 rgb(162,75,0)
```

Similar Colors

Text with hexadecimal color #a22200

This text has a font color of #a22200.

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

#a22200 background color

This paragraph has a background color of #a22200.

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

#a22200 border color

This element has a border color of #a22200.

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

CSS codes

.text {color:#a22200;}

.background {background-color:#a22200;}

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

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

#050100
```
#050100 rgb(5,1,0)
```
#190500
```
#190500 rgb(25,5,0)
```
#2c0900
```
#2c0900 rgb(44,9,0)
```
#400d00
```
#400d00 rgb(64,13,0)
```
#541200
```
#541200 rgb(84,18,0)
```
#671600
```
#671600 rgb(103,22,0)
```
#7b1a00
```
#7b1a00 rgb(123,26,0)
```
#8e1e00
```
#8e1e00 rgb(142,30,0)
```
#a22200
```
#a22200 rgb(162,34,0)
```
#b62600
```
#b62600 rgb(182,38,0)
```
#c92a00
```
#c92a00 rgb(201,42,0)
```
#dd2e00
```
#dd2e00 rgb(221,46,0)
```
#f03200
```
#f03200 rgb(240,50,0)
```

Shade Color Variation

#ff3a05
```
#ff3a05 rgb(255,58,5)
```
#ff4919
```
#ff4919 rgb(255,73,25)
```
#ff592c
```
#ff592c rgb(255,89,44)
```
#ff6840
```
#ff6840 rgb(255,104,64)
```
#ff7854
```
#ff7854 rgb(255,120,84)
```
#ff8767
```
#ff8767 rgb(255,135,103)
```
#ff977b
```
#ff977b rgb(255,151,123)
```
#ffa68e
```
#ffa68e rgb(255,166,142)
```
#ffb6a2
```
#ffb6a2 rgb(255,182,162)
```
#ffc5b6
```
#ffc5b6 rgb(255,197,182)
```
#ffd5c9
```
#ffd5c9 rgb(255,213,201)
```
#ffe4dd
```
#ffe4dd rgb(255,228,221)
```
#fff4f0
```
#fff4f0 rgb(255,244,240)
```

Tint Color Variation

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

#574d4b
```
#574d4b rgb(87,77,75)
```
#5d4a45
```
#5d4a45 rgb(93,74,69)
```
#64463e
```
#64463e rgb(100,70,62)
```
#6a4338
```
#6a4338 rgb(106,67,56)
```
#703f32
```
#703f32 rgb(112,63,50)
```
#763b2c
```
#763b2c rgb(118,59,44)
```
#7d3825
```
#7d3825 rgb(125,56,37)
```
#83341f
```
#83341f rgb(131,52,31)
```
#893019
```
#893019 rgb(137,48,25)
```
#8f2d13
```
#8f2d13 rgb(143,45,19)
```
#96290c
```
#96290c rgb(150,41,12)
```
#9c2606
```
#9c2606 rgb(156,38,6)
```
#a22200
```
#a22200 rgb(162,34,0)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#573d36 Atypical Achromatopsia 0.001% of the population

Dichromacy

#675c15 Protanopia 1% of men
#735800 Deuteranopia 1% of men
#a72a2b Tritanopia 0.001% of the population

Trichromacy

#7d470d Protanomaly 1% of men, 0.01% of women
#844400 Deuteranomaly 6% of men, 0.4% of women
#a5271b Tritanomaly 0.01% of the population

#a22200 hex color

#a22200 Color Information

#a22200 Color Conversion

Color Schemes with #a22200

Alternatives to #a22200

#a22200 Preview

Shades and Tints of #a22200

Tones of #a22200

Color Blindness Simulator