#a22c14 hex color

In a RGB color space, hex #a22c14 is composed of 63.5% red, 17.3% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.8% magenta, 87.7% yellow and 36.5% black. It has a hue angle of 10.1 degrees, a saturation of 78% and a lightness of 35.7%. #a22c14 color hex could be obtained by blending #ff5828 with #450000. Closest websafe color is: #993300.

♥
- f
- t
- g
- R 64
- G 17
- B 8
RGB color chart
- C 0
- M 73
- Y 88
- K 36
CMYK color chart

● #a22c14 color description : Dark red.

The hexadecimal color #a22c14 has RGB values of R:162, G:44, B:20 and CMYK values of C:0, M:0.73, Y:0.88, K:0.36. Its decimal value is 10628116.

Hex triplet	a22c14	`#a22c14`
RGB Decimal	162, 44, 20	`rgb(162,44,20)`
RGB Percent	63.5, 17.3, 7.8	`rgb(63.5%,17.3%,7.8%)`
CMYK	0, 73, 88, 36
HSL	10.1°, 78, 35.7	`hsl(10.1,78%,35.7%)`
HSV (or HSB)	10.1°, 87.7, 63.5
Web Safe	993300	`#993300`

CIE-LAB	36.995, 47.236, 41.743
XYZ	15.928, 9.535, 1.664
xyY	0.587, 0.352, 9.535
CIE-LCH	36.995, 63.038, 41.467
CIE-LUV	36.995, 91.751, 26.503
Hunter-Lab	30.879, 38.035, 18.421
Binary	10100010, 00101100, 00010100

#a22c14
```
#a22c14 rgb(162,44,20)
```
#148aa2
```
#148aa2 rgb(20,138,162)
```

Complementary Color

#a21443
```
#a21443 rgb(162,20,67)
```
#a22c14
```
#a22c14 rgb(162,44,20)
```
#a27314
```
#a27314 rgb(162,115,20)
```

Analogous Color

#1443a2
```
#1443a2 rgb(20,67,162)
```
#a22c14
```
#a22c14 rgb(162,44,20)
```
#14a273
```
#14a273 rgb(20,162,115)
```

Split Complementary Color

#2c14a2
```
#2c14a2 rgb(44,20,162)
```
#a22c14
```
#a22c14 rgb(162,44,20)
```
#14a22c
```
#14a22c rgb(20,162,44)
```

Triadic Color

#a2148a
```
#a2148a rgb(162,20,138)
```
#a22c14
```
#a22c14 rgb(162,44,20)
```
#14a22c
```
#14a22c rgb(20,162,44)
```
#148aa2
```
#148aa2 rgb(20,138,162)
```

Tetradic Color

#5e1a0c
```
#5e1a0c rgb(94,26,12)
```
#75200e
```
#75200e rgb(117,32,14)
```
#8b2611
```
#8b2611 rgb(139,38,17)
```
#a22c14
```
#a22c14 rgb(162,44,20)
```
#b93217
```
#b93217 rgb(185,50,23)
```
#cf381a
```
#cf381a rgb(207,56,26)
```
#e3401f
```
#e3401f rgb(227,64,31)
```

Monochromatic Color

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

#a21420
```
#a21420 rgb(162,20,32)
```
#a21414
```
#a21414 rgb(162,20,20)
```
#a22014
```
#a22014 rgb(162,32,20)
```
#a22c14
```
#a22c14 rgb(162,44,20)
```
#a23814
```
#a23814 rgb(162,56,20)
```
#a24414
```
#a24414 rgb(162,68,20)
```
#a25014
```
#a25014 rgb(162,80,20)
```

Similar Colors

Text with hexadecimal color #a22c14

This text has a font color of #a22c14.

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

#a22c14 background color

This paragraph has a background color of #a22c14.

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

#a22c14 border color

This element has a border color of #a22c14.

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

CSS codes

.text {color:#a22c14;}

.background {background-color:#a22c14;}

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

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

#050101
```
#050101 rgb(5,1,1)
```
#160603
```
#160603 rgb(22,6,3)
```
#280b05
```
#280b05 rgb(40,11,5)
```
#391007
```
#391007 rgb(57,16,7)
```
#4b1409
```
#4b1409 rgb(75,20,9)
```
#5c190b
```
#5c190b rgb(92,25,11)
```
#6e1e0e
```
#6e1e0e rgb(110,30,14)
```
#7f2310
```
#7f2310 rgb(127,35,16)
```
#912712
```
#912712 rgb(145,39,18)
```
#a22c14
```
#a22c14 rgb(162,44,20)
```
#b33116
```
#b33116 rgb(179,49,22)
```
#c53518
```
#c53518 rgb(197,53,24)
```
#d63a1a
```
#d63a1a rgb(214,58,26)
```

Shade Color Variation

#e44221
```
#e44221 rgb(228,66,33)
```
#e65132
```
#e65132 rgb(230,81,50)
```
#e86044
```
#e86044 rgb(232,96,68)
```
#ea6e55
```
#ea6e55 rgb(234,110,85)
```
#ec7d67
```
#ec7d67 rgb(236,125,103)
```
#ee8c78
```
#ee8c78 rgb(238,140,120)
```
#f19b8a
```
#f19b8a rgb(241,155,138)
```
#f3aa9b
```
#f3aa9b rgb(243,170,155)
```
#f5b9ad
```
#f5b9ad rgb(245,185,173)
```
#f7c8be
```
#f7c8be rgb(247,200,190)
```
#f9d7cf
```
#f9d7cf rgb(249,215,207)
```
#fbe5e1
```
#fbe5e1 rgb(251,229,225)
```
#fdf4f2
```
#fdf4f2 rgb(253,244,242)
```

Tint Color Variation

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

#5c5a5a
```
#5c5a5a rgb(92,90,90)
```
#635653
```
#635653 rgb(99,86,83)
```
#6a514c
```
#6a514c rgb(106,81,76)
```
#714c45
```
#714c45 rgb(113,76,69)
```
#78483e
```
#78483e rgb(120,72,62)
```
#7f4337
```
#7f4337 rgb(127,67,55)
```
#863f30
```
#863f30 rgb(134,63,48)
```
#8d3a29
```
#8d3a29 rgb(141,58,41)
```
#943522
```
#943522 rgb(148,53,34)
```
#9b311b
```
#9b311b rgb(155,49,27)
```
#a22c14
```
#a22c14 rgb(162,44,20)
```
#a9270d
```
#a9270d rgb(169,39,13)
```
#b02306
```
#b02306 rgb(176,35,6)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#5e4642 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a5f2a Protanopia 1% of men
#775b10 Deuteranopia 1% of men
#a73436 Tritanopia 0.001% of the population

Trichromacy

#7e4d22 Protanomaly 1% of men, 0.01% of women
#874a11 Deuteranomaly 6% of men, 0.4% of women
#a53129 Tritanomaly 0.01% of the population

#a22c14 hex color

#a22c14 Color Information

#a22c14 Color Conversion

Color Schemes with #a22c14

Alternatives to #a22c14

#a22c14 Preview

Shades and Tints of #a22c14

Tones of #a22c14

Color Blindness Simulator