#a7421f hex color

In a RGB color space, hex #a7421f is composed of 65.5% red, 25.9% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.5% magenta, 81.4% yellow and 34.5% black. It has a hue angle of 15.4 degrees, a saturation of 68.7% and a lightness of 38.8%. #a7421f color hex could be obtained by blending #ff843e with #4f0000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 65
- G 26
- B 12
RGB color chart
- C 0
- M 60
- Y 81
- K 35
CMYK color chart

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

The hexadecimal color #a7421f has RGB values of R:167, G:66, B:31 and CMYK values of C:0, M:0.6, Y:0.81, K:0.35. Its decimal value is 10961439.

Hex triplet	a7421f	`#a7421f`
RGB Decimal	167, 66, 31	`rgb(167,66,31)`
RGB Percent	65.5, 25.9, 12.2	`rgb(65.5%,25.9%,12.2%)`
CMYK	0, 60, 81, 35
HSL	15.4°, 68.7, 38.8	`hsl(15.4,68.7%,38.8%)`
HSV (or HSB)	15.4°, 81.4, 65.5
Web Safe	993333	`#993333`

CIE-LAB	41.552, 39.765, 40.915
XYZ	18.133, 12.213, 2.699
xyY	0.549, 0.37, 12.213
CIE-LCH	41.552, 57.056, 45.817
CIE-LUV	41.552, 80.217, 30.529
Hunter-Lab	34.947, 31.461, 19.884
Binary	10100111, 01000010, 00011111

#a7421f
```
#a7421f rgb(167,66,31)
```
#1f84a7
```
#1f84a7 rgb(31,132,167)
```

Complementary Color

#a71f40
```
#a71f40 rgb(167,31,64)
```
#a7421f
```
#a7421f rgb(167,66,31)
```
#a7861f
```
#a7861f rgb(167,134,31)
```

Analogous Color

#1f40a7
```
#1f40a7 rgb(31,64,167)
```
#a7421f
```
#a7421f rgb(167,66,31)
```
#1fa786
```
#1fa786 rgb(31,167,134)
```

Split Complementary Color

#421fa7
```
#421fa7 rgb(66,31,167)
```
#a7421f
```
#a7421f rgb(167,66,31)
```
#1fa742
```
#1fa742 rgb(31,167,66)
```

Triadic Color

#a71f84
```
#a71f84 rgb(167,31,132)
```
#a7421f
```
#a7421f rgb(167,66,31)
```
#1fa742
```
#1fa742 rgb(31,167,66)
```
#1f84a7
```
#1f84a7 rgb(31,132,167)
```

Tetradic Color

#662913
```
#662913 rgb(102,41,19)
```
#7c3117
```
#7c3117 rgb(124,49,23)
```
#913a1b
```
#913a1b rgb(145,58,27)
```
#a7421f
```
#a7421f rgb(167,66,31)
```
#bd4b23
```
#bd4b23 rgb(189,75,35)
```
#d25327
```
#d25327 rgb(210,83,39)
```
#da6238
```
#da6238 rgb(218,98,56)
```

Monochromatic Color

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

#a7201f
```
#a7201f rgb(167,32,31)
```
#a72b1f
```
#a72b1f rgb(167,43,31)
```
#a7371f
```
#a7371f rgb(167,55,31)
```
#a7421f
```
#a7421f rgb(167,66,31)
```
#a74d1f
```
#a74d1f rgb(167,77,31)
```
#a7591f
```
#a7591f rgb(167,89,31)
```
#a7641f
```
#a7641f rgb(167,100,31)
```

Similar Colors

Text with hexadecimal color #a7421f

This text has a font color of #a7421f.

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

#a7421f background color

This paragraph has a background color of #a7421f.

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

#a7421f border color

This element has a border color of #a7421f.

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

CSS codes

.text {color:#a7421f;}

.background {background-color:#a7421f;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#120703
```
#120703 rgb(18,7,3)
```
#230e06
```
#230e06 rgb(35,14,6)
```
#33140a
```
#33140a rgb(51,20,10)
```
#441b0d
```
#441b0d rgb(68,27,13)
```
#542110
```
#542110 rgb(84,33,16)
```
#652813
```
#652813 rgb(101,40,19)
```
#752e16
```
#752e16 rgb(117,46,22)
```
#863519
```
#863519 rgb(134,53,25)
```
#963b1c
```
#963b1c rgb(150,59,28)
```
#a7421f
```
#a7421f rgb(167,66,31)
```
#b84922
```
#b84922 rgb(184,73,34)
```
#c84f25
```
#c84f25 rgb(200,79,37)
```

Shade Color Variation

#d75629
```
#d75629 rgb(215,86,41)
```
#da633a
```
#da633a rgb(218,99,58)
```
#de704b
```
#de704b rgb(222,112,75)
```
#e17d5b
```
#e17d5b rgb(225,125,91)
```
#e48b6c
```
#e48b6c rgb(228,139,108)
```
#e7987c
```
#e7987c rgb(231,152,124)
```
#eaa58d
```
#eaa58d rgb(234,165,141)
```
#edb29d
```
#edb29d rgb(237,178,157)
```
#f0bfae
```
#f0bfae rgb(240,191,174)
```
#f3ccbe
```
#f3ccbe rgb(243,204,190)
```
#f6d9cf
```
#f6d9cf rgb(246,217,207)
```
#f9e6df
```
#f9e6df rgb(249,230,223)
```
#fcf3f0
```
#fcf3f0 rgb(252,243,240)
```

Tint Color Variation

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

#6a605c
```
#6a605c rgb(106,96,92)
```
#725c54
```
#725c54 rgb(114,92,84)
```
#79584d
```
#79584d rgb(121,88,77)
```
#815445
```
#815445 rgb(129,84,69)
```
#89513d
```
#89513d rgb(137,81,61)
```
#904d36
```
#904d36 rgb(144,77,54)
```
#98492e
```
#98492e rgb(152,73,46)
```
#9f4627
```
#9f4627 rgb(159,70,39)
```
#a7421f
```
#a7421f rgb(167,66,31)
```
#af3e17
```
#af3e17 rgb(175,62,23)
```
#b63b10
```
#b63b10 rgb(182,59,16)
```
#be3708
```
#be3708 rgb(190,55,8)
```
#c53301
```
#c53301 rgb(197,51,1)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#6b5750 Atypical Achromatopsia 0.001% of the population

Dichromacy

#756a32 Protanopia 1% of men
#836522 Deuteranopia 1% of men
#ac484c Tritanopia 0.001% of the population

Trichromacy

#875b2b Protanomaly 1% of men, 0.01% of women
#905820 Deuteranomaly 6% of men, 0.4% of women
#aa453b Tritanomaly 0.01% of the population

#a7421f hex color

#a7421f Color Information

#a7421f Color Conversion

Color Schemes with #a7421f

Alternatives to #a7421f

#a7421f Preview

Shades and Tints of #a7421f

Tones of #a7421f

Color Blindness Simulator