#a22314 hex color

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

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

● #a22314 color description : Dark red.

The hexadecimal color #a22314 has RGB values of R:162, G:35, B:20 and CMYK values of C:0, M:0.78, Y:0.88, K:0.36. Its decimal value is 10625812.

Hex triplet	a22314	`#a22314`
RGB Decimal	162, 35, 20	`rgb(162,35,20)`
RGB Percent	63.5, 13.7, 7.8	`rgb(63.5%,13.7%,7.8%)`
CMYK	0, 78, 88, 36
HSL	6.3°, 78, 35.7	`hsl(6.3,78%,35.7%)`
HSV (or HSB)	6.3°, 87.7, 63.5
Web Safe	993300	`#993300`

CIE-LAB	35.861, 50.386, 40.801
XYZ	15.628, 8.936, 1.564
xyY	0.598, 0.342, 8.936
CIE-LCH	35.861, 64.834, 38.999
CIE-LUV	35.861, 96.571, 24.559
Hunter-Lab	29.893, 41.009, 17.824
Binary	10100010, 00100011, 00010100

#a22314
```
#a22314 rgb(162,35,20)
```
#1493a2
```
#1493a2 rgb(20,147,162)
```

Complementary Color

#a2144c
```
#a2144c rgb(162,20,76)
```
#a22314
```
#a22314 rgb(162,35,20)
```
#a26a14
```
#a26a14 rgb(162,106,20)
```

Analogous Color

#144ca2
```
#144ca2 rgb(20,76,162)
```
#a22314
```
#a22314 rgb(162,35,20)
```
#14a26a
```
#14a26a rgb(20,162,106)
```

Split Complementary Color

#2314a2
```
#2314a2 rgb(35,20,162)
```
#a22314
```
#a22314 rgb(162,35,20)
```
#14a223
```
#14a223 rgb(20,162,35)
```

Triadic Color

#a21493
```
#a21493 rgb(162,20,147)
```
#a22314
```
#a22314 rgb(162,35,20)
```
#14a223
```
#14a223 rgb(20,162,35)
```
#1493a2
```
#1493a2 rgb(20,147,162)
```

Tetradic Color

#5e140c
```
#5e140c rgb(94,20,12)
```
#75190e
```
#75190e rgb(117,25,14)
```
#8b1e11
```
#8b1e11 rgb(139,30,17)
```
#a22314
```
#a22314 rgb(162,35,20)
```
#b92817
```
#b92817 rgb(185,40,23)
```
#cf2d1a
```
#cf2d1a rgb(207,45,26)
```
#e3341f
```
#e3341f rgb(227,52,31)
```

Monochromatic Color

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

#a21428
```
#a21428 rgb(162,20,40)
```
#a2141d
```
#a2141d rgb(162,20,29)
```
#a21714
```
#a21714 rgb(162,23,20)
```
#a22314
```
#a22314 rgb(162,35,20)
```
#a22f14
```
#a22f14 rgb(162,47,20)
```
#a23b14
```
#a23b14 rgb(162,59,20)
```
#a24714
```
#a24714 rgb(162,71,20)
```

Similar Colors

Text with hexadecimal color #a22314

This text has a font color of #a22314.

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

#a22314 background color

This paragraph has a background color of #a22314.

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

#a22314 border color

This element has a border color of #a22314.

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

CSS codes

.text {color:#a22314;}

.background {background-color:#a22314;}

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

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)
```
#160503
```
#160503 rgb(22,5,3)
```
#280905
```
#280905 rgb(40,9,5)
```
#390c07
```
#390c07 rgb(57,12,7)
```
#4b1009
```
#4b1009 rgb(75,16,9)
```
#5c140b
```
#5c140b rgb(92,20,11)
```
#6e180e
```
#6e180e rgb(110,24,14)
```
#7f1b10
```
#7f1b10 rgb(127,27,16)
```
#911f12
```
#911f12 rgb(145,31,18)
```
#a22314
```
#a22314 rgb(162,35,20)
```
#b32716
```
#b32716 rgb(179,39,22)
```
#c52b18
```
#c52b18 rgb(197,43,24)
```
#d62e1a
```
#d62e1a rgb(214,46,26)
```

Shade Color Variation

#e43521
```
#e43521 rgb(228,53,33)
```
#e64532
```
#e64532 rgb(230,69,50)
```
#e85544
```
#e85544 rgb(232,85,68)
```
#ea6555
```
#ea6555 rgb(234,101,85)
```
#ec7567
```
#ec7567 rgb(236,117,103)
```
#ee8578
```
#ee8578 rgb(238,133,120)
```
#f1958a
```
#f1958a rgb(241,149,138)
```
#f3a49b
```
#f3a49b rgb(243,164,155)
```
#f5b4ad
```
#f5b4ad rgb(245,180,173)
```
#f7c4be
```
#f7c4be rgb(247,196,190)
```
#f9d4cf
```
#f9d4cf rgb(249,212,207)
```
#fbe4e1
```
#fbe4e1 rgb(251,228,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 #b01806 is the most saturated one.

#5c5a5a
```
#5c5a5a rgb(92,90,90)
```
#635553
```
#635553 rgb(99,85,83)
```
#6a4f4c
```
#6a4f4c rgb(106,79,76)
```
#714a45
```
#714a45 rgb(113,74,69)
```
#78443e
```
#78443e rgb(120,68,62)
```
#7f3f37
```
#7f3f37 rgb(127,63,55)
```
#863930
```
#863930 rgb(134,57,48)
```
#8d3429
```
#8d3429 rgb(141,52,41)
```
#942e22
```
#942e22 rgb(148,46,34)
```
#9b291b
```
#9b291b rgb(155,41,27)
```
#a22314
```
#a22314 rgb(162,35,20)
```
#a91d0d
```
#a91d0d rgb(169,29,13)
```
#b01806
```
#b01806 rgb(176,24,6)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#59403d Atypical Achromatopsia 0.001% of the population

Dichromacy

#675d2b Protanopia 1% of men
#74580f Deuteranopia 1% of men
#a72c2d Tritanopia 0.001% of the population

Trichromacy

#7c4822 Protanomaly 1% of men, 0.01% of women
#854510 Deuteranomaly 6% of men, 0.4% of women
#a52924 Tritanomaly 0.01% of the population

#a22314 hex color

#a22314 Color Information

#a22314 Color Conversion

Color Schemes with #a22314

Alternatives to #a22314

#a22314 Preview

Shades and Tints of #a22314

Tones of #a22314

Color Blindness Simulator