#a22f1e hex color

In a RGB color space, hex #a22f1e is composed of 63.5% red, 18.4% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71% magenta, 81.5% yellow and 36.5% black. It has a hue angle of 7.7 degrees, a saturation of 68.8% and a lightness of 37.6%. #a22f1e color hex could be obtained by blending #ff5e3c with #450000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 64
- G 18
- B 12
RGB color chart
- C 0
- M 71
- Y 81
- K 36
CMYK color chart

● #a22f1e color description : Dark red.

The hexadecimal color #a22f1e has RGB values of R:162, G:47, B:30 and CMYK values of C:0, M:0.71, Y:0.81, K:0.36. Its decimal value is 10628894.

Hex triplet	a22f1e	`#a22f1e`
RGB Decimal	162, 47, 30	`rgb(162,47,30)`
RGB Percent	63.5, 18.4, 11.8	`rgb(63.5%,18.4%,11.8%)`
CMYK	0, 71, 81, 36
HSL	7.7°, 68.8, 37.6	`hsl(7.7,68.8%,37.6%)`
HSV (or HSB)	7.7°, 81.5, 63.5
Web Safe	993333	`#993333`

CIE-LAB	37.499, 46.348, 37.185
XYZ	16.152, 9.81, 2.271
xyY	0.572, 0.347, 9.81
CIE-LCH	37.499, 59.421, 38.74
CIE-LUV	37.499, 88.697, 24.698
Hunter-Lab	31.321, 37.239, 17.625
Binary	10100010, 00101111, 00011110

#a22f1e
```
#a22f1e rgb(162,47,30)
```
#1e91a2
```
#1e91a2 rgb(30,145,162)
```

Complementary Color

#a21e4f
```
#a21e4f rgb(162,30,79)
```
#a22f1e
```
#a22f1e rgb(162,47,30)
```
#a2711e
```
#a2711e rgb(162,113,30)
```

Analogous Color

#1e4fa2
```
#1e4fa2 rgb(30,79,162)
```
#a22f1e
```
#a22f1e rgb(162,47,30)
```
#1ea271
```
#1ea271 rgb(30,162,113)
```

Split Complementary Color

#2f1ea2
```
#2f1ea2 rgb(47,30,162)
```
#a22f1e
```
#a22f1e rgb(162,47,30)
```
#1ea22f
```
#1ea22f rgb(30,162,47)
```

Triadic Color

#a21e91
```
#a21e91 rgb(162,30,145)
```
#a22f1e
```
#a22f1e rgb(162,47,30)
```
#1ea22f
```
#1ea22f rgb(30,162,47)
```
#1e91a2
```
#1e91a2 rgb(30,145,162)
```

Tetradic Color

#611c12
```
#611c12 rgb(97,28,18)
```
#772316
```
#772316 rgb(119,35,22)
```
#8c291a
```
#8c291a rgb(140,41,26)
```
#a22f1e
```
#a22f1e rgb(162,47,30)
```
#b83522
```
#b83522 rgb(184,53,34)
```
#cd3b26
```
#cd3b26 rgb(205,59,38)
```
#d94933
```
#d94933 rgb(217,73,51)
```

Monochromatic Color

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

#a21e2e
```
#a21e2e rgb(162,30,46)
```
#a21e23
```
#a21e23 rgb(162,30,35)
```
#a2241e
```
#a2241e rgb(162,36,30)
```
#a22f1e
```
#a22f1e rgb(162,47,30)
```
#a23a1e
```
#a23a1e rgb(162,58,30)
```
#a2451e
```
#a2451e rgb(162,69,30)
```
#a2501e
```
#a2501e rgb(162,80,30)
```

Similar Colors

Text with hexadecimal color #a22f1e

This text has a font color of #a22f1e.

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

#a22f1e background color

This paragraph has a background color of #a22f1e.

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

#a22f1e border color

This element has a border color of #a22f1e.

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

CSS codes

.text {color:#a22f1e;}

.background {background-color:#a22f1e;}

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

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, #0d0402 is the darkest color, while #fefcfb is the lightest one.

#0d0402
```
#0d0402 rgb(13,4,2)
```
#1e0905
```
#1e0905 rgb(30,9,5)
```
#2e0d09
```
#2e0d09 rgb(46,13,9)
```
#3f120c
```
#3f120c rgb(63,18,12)
```
#4f170f
```
#4f170f rgb(79,23,15)
```
#601c12
```
#601c12 rgb(96,28,18)
```
#702115
```
#702115 rgb(112,33,21)
```
#812518
```
#812518 rgb(129,37,24)
```
#912a1b
```
#912a1b rgb(145,42,27)
```
#a22f1e
```
#a22f1e rgb(162,47,30)
```
#b33421
```
#b33421 rgb(179,52,33)
```
#c33924
```
#c33924 rgb(195,57,36)
```
#d43d27
```
#d43d27 rgb(212,61,39)
```

Shade Color Variation

#da4a35
```
#da4a35 rgb(218,74,53)
```
#dd5945
```
#dd5945 rgb(221,89,69)
```
#e06856
```
#e06856 rgb(224,104,86)
```
#e37767
```
#e37767 rgb(227,119,103)
```
#e68577
```
#e68577 rgb(230,133,119)
```
#e99488
```
#e99488 rgb(233,148,136)
```
#eca398
```
#eca398 rgb(236,163,152)
```
#efb2a9
```
#efb2a9 rgb(239,178,169)
```
#f2c1b9
```
#f2c1b9 rgb(242,193,185)
```
#f5cfca
```
#f5cfca rgb(245,207,202)
```
#f8deda
```
#f8deda rgb(248,222,218)
```
#fbedeb
```
#fbedeb rgb(251,237,235)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#675b59
```
#675b59 rgb(103,91,89)
```
#6e5552
```
#6e5552 rgb(110,85,82)
```
#76504a
```
#76504a rgb(118,80,74)
```
#7d4a43
```
#7d4a43 rgb(125,74,67)
```
#84453c
```
#84453c rgb(132,69,60)
```
#8c3f34
```
#8c3f34 rgb(140,63,52)
```
#933a2d
```
#933a2d rgb(147,58,45)
```
#9b3425
```
#9b3425 rgb(155,52,37)
```
#a22f1e
```
#a22f1e rgb(162,47,30)
```
#a92a17
```
#a92a17 rgb(169,42,23)
```
#b1240f
```
#b1240f rgb(177,36,15)
```
#b81f08
```
#b81f08 rgb(184,31,8)
```
#c01900
```
#c01900 rgb(192,25,0)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#604945 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6034 Protanopia 1% of men
#785c1f Deuteranopia 1% of men
#a7373a Tritanopia 0.001% of the population

Trichromacy

#7e4e2c Protanomaly 1% of men, 0.01% of women
#874b1f Deuteranomaly 6% of men, 0.4% of women
#a5342f Tritanomaly 0.01% of the population

#a22f1e hex color

#a22f1e Color Information

#a22f1e Color Conversion

Color Schemes with #a22f1e

Alternatives to #a22f1e

#a22f1e Preview

Shades and Tints of #a22f1e

Tones of #a22f1e

Color Blindness Simulator