#a22f04 hex color

In a RGB color space, hex #a22f04 is composed of 63.5% red, 18.4% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71% magenta, 97.5% yellow and 36.5% black. It has a hue angle of 16.3 degrees, a saturation of 95.2% and a lightness of 32.5%. #a22f04 color hex could be obtained by blending #ff5e08 with #450000. Closest websafe color is: #993300.

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

● #a22f04 color description : Dark orange [Brown tone].

The hexadecimal color #a22f04 has RGB values of R:162, G:47, B:4 and CMYK values of C:0, M:0.71, Y:0.98, K:0.36. Its decimal value is 10628868.

Hex triplet	a22f04	`#a22f04`
RGB Decimal	162, 47, 4	`rgb(162,47,4)`
RGB Percent	63.5, 18.4, 1.6	`rgb(63.5%,18.4%,1.6%)`
CMYK	0, 71, 98, 36
HSL	16.3°, 95.2, 32.5	`hsl(16.3,95.2%,32.5%)`
HSV (or HSB)	16.3°, 97.5, 63.5
Web Safe	993300	`#993300`

CIE-LAB	37.344, 45.796, 48.058
XYZ	15.94, 9.725, 1.153
xyY	0.594, 0.363, 9.725
CIE-LCH	37.344, 66.384, 46.381
CIE-LUV	37.344, 91.237, 29.732
Hunter-Lab	31.185, 36.662, 19.638
Binary	10100010, 00101111, 00000100

#a22f04
```
#a22f04 rgb(162,47,4)
```
#0477a2
```
#0477a2 rgb(4,119,162)
```

Complementary Color

#a20428
```
#a20428 rgb(162,4,40)
```
#a22f04
```
#a22f04 rgb(162,47,4)
```
#a27e04
```
#a27e04 rgb(162,126,4)
```

Analogous Color

#0428a2
```
#0428a2 rgb(4,40,162)
```
#a22f04
```
#a22f04 rgb(162,47,4)
```
#04a27e
```
#04a27e rgb(4,162,126)
```

Split Complementary Color

#2f04a2
```
#2f04a2 rgb(47,4,162)
```
#a22f04
```
#a22f04 rgb(162,47,4)
```
#04a22f
```
#04a22f rgb(4,162,47)
```

Triadic Color

#a20477
```
#a20477 rgb(162,4,119)
```
#a22f04
```
#a22f04 rgb(162,47,4)
```
#04a22f
```
#04a22f rgb(4,162,47)
```
#0477a2
```
#0477a2 rgb(4,119,162)
```

Tetradic Color

#571902
```
#571902 rgb(87,25,2)
```
#702103
```
#702103 rgb(112,33,3)
```
#892803
```
#892803 rgb(137,40,3)
```
#a22f04
```
#a22f04 rgb(162,47,4)
```
#bb3605
```
#bb3605 rgb(187,54,5)
```
#d43d05
```
#d43d05 rgb(212,61,5)
```
#ed4506
```
#ed4506 rgb(237,69,6)
```

Monochromatic Color

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

#a20804
```
#a20804 rgb(162,8,4)
```
#a21504
```
#a21504 rgb(162,21,4)
```
#a22204
```
#a22204 rgb(162,34,4)
```
#a22f04
```
#a22f04 rgb(162,47,4)
```
#a23c04
```
#a23c04 rgb(162,60,4)
```
#a24904
```
#a24904 rgb(162,73,4)
```
#a25704
```
#a25704 rgb(162,87,4)
```

Similar Colors

Text with hexadecimal color #a22f04

This text has a font color of #a22f04.

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

#a22f04 background color

This paragraph has a background color of #a22f04.

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

#a22f04 border color

This element has a border color of #a22f04.

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

CSS codes

.text {color:#a22f04;}

.background {background-color:#a22f04;}

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

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

#090300
```
#090300 rgb(9,3,0)
```
#1c0801
```
#1c0801 rgb(28,8,1)
```
#2f0e01
```
#2f0e01 rgb(47,14,1)
```
#421302
```
#421302 rgb(66,19,2)
```
#551902
```
#551902 rgb(85,25,2)
```
#691e03
```
#691e03 rgb(105,30,3)
```
#7c2403
```
#7c2403 rgb(124,36,3)
```
#8f2904
```
#8f2904 rgb(143,41,4)
```
#a22f04
```
#a22f04 rgb(162,47,4)
```
#b53504
```
#b53504 rgb(181,53,4)
```
#c83a05
```
#c83a05 rgb(200,58,5)
```
#db4005
```
#db4005 rgb(219,64,5)
```
#ef4506
```
#ef4506 rgb(239,69,6)
```

Shade Color Variation

#f94f0f
```
#f94f0f rgb(249,79,15)
```
#fa5d22
```
#fa5d22 rgb(250,93,34)
```
#fa6b35
```
#fa6b35 rgb(250,107,53)
```
#fa7948
```
#fa7948 rgb(250,121,72)
```
#fb875c
```
#fb875c rgb(251,135,92)
```
#fb956f
```
#fb956f rgb(251,149,111)
```
#fca382
```
#fca382 rgb(252,163,130)
```
#fcb195
```
#fcb195 rgb(252,177,149)
```
#fdbfa8
```
#fdbfa8 rgb(253,191,168)
```
#fdcdbb
```
#fdcdbb rgb(253,205,187)
```
#fedbce
```
#fedbce rgb(254,219,206)
```
#fee9e2
```
#fee9e2 rgb(254,233,226)
```
#fff7f5
```
#fff7f5 rgb(255,247,245)
```

Tint Color Variation

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

#555251
```
#555251 rgb(85,82,81)
```
#5c4f4a
```
#5c4f4a rgb(92,79,74)
```
#624c44
```
#624c44 rgb(98,76,68)
```
#69493d
```
#69493d rgb(105,73,61)
```
#6f4637
```
#6f4637 rgb(111,70,55)
```
#754331
```
#754331 rgb(117,67,49)
```
#7c402a
```
#7c402a rgb(124,64,42)
```
#823e24
```
#823e24 rgb(130,62,36)
```
#883b1e
```
#883b1e rgb(136,59,30)
```
#8f3817
```
#8f3817 rgb(143,56,23)
```
#953511
```
#953511 rgb(149,53,17)
```
#9c320a
```
#9c320a rgb(156,50,10)
```
#a22f04
```
#a22f04 rgb(162,47,4)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#5d463e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6019 Protanopia 1% of men
#785c00 Deuteranopia 1% of men
#a73638 Tritanopia 0.001% of the population

Trichromacy

#7f4e11 Protanomaly 1% of men, 0.01% of women
#874b01 Deuteranomaly 6% of men, 0.4% of women
#a53325 Tritanomaly 0.01% of the population

#a22f04 hex color

#a22f04 Color Information

#a22f04 Color Conversion

Color Schemes with #a22f04

Alternatives to #a22f04

#a22f04 Preview

Shades and Tints of #a22f04

Tones of #a22f04

Color Blindness Simulator