#ad421f hex color

In a RGB color space, hex #ad421f is composed of 67.8% red, 25.9% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.8% magenta, 82.1% yellow and 32.2% black. It has a hue angle of 14.8 degrees, a saturation of 69.6% and a lightness of 40%. #ad421f color hex could be obtained by blending #ff843e with #5b0000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 68
- G 26
- B 12
RGB color chart
- C 0
- M 62
- Y 82
- K 32
CMYK color chart

● #ad421f color description : Dark red.

The hexadecimal color #ad421f has RGB values of R:173, G:66, B:31 and CMYK values of C:0, M:0.62, Y:0.82, K:0.32. Its decimal value is 11354655.

Hex triplet	ad421f	`#ad421f`
RGB Decimal	173, 66, 31	`rgb(173,66,31)`
RGB Percent	67.8, 25.9, 12.2	`rgb(67.8%,25.9%,12.2%)`
CMYK	0, 62, 82, 32
HSL	14.8°, 69.6, 40	`hsl(14.8,69.6%,40%)`
HSV (or HSB)	14.8°, 82.1, 67.8
Web Safe	993333	`#993333`

CIE-LAB	42.584, 42.023, 42.26
XYZ	19.43, 12.882, 2.76
xyY	0.554, 0.367, 12.882
CIE-LCH	42.584, 59.598, 45.161
CIE-LUV	42.584, 85.22, 31.231
Hunter-Lab	35.891, 33.823, 20.565
Binary	10101101, 01000010, 00011111

#ad421f
```
#ad421f rgb(173,66,31)
```
#1f8aad
```
#1f8aad rgb(31,138,173)
```

Complementary Color

#ad1f43
```
#ad1f43 rgb(173,31,67)
```
#ad421f
```
#ad421f rgb(173,66,31)
```
#ad891f
```
#ad891f rgb(173,137,31)
```

Analogous Color

#1f43ad
```
#1f43ad rgb(31,67,173)
```
#ad421f
```
#ad421f rgb(173,66,31)
```
#1fad89
```
#1fad89 rgb(31,173,137)
```

Split Complementary Color

#421fad
```
#421fad rgb(66,31,173)
```
#ad421f
```
#ad421f rgb(173,66,31)
```
#1fad42
```
#1fad42 rgb(31,173,66)
```

Triadic Color

#ad1f8a
```
#ad1f8a rgb(173,31,138)
```
#ad421f
```
#ad421f rgb(173,66,31)
```
#1fad42
```
#1fad42 rgb(31,173,66)
```
#1f8aad
```
#1f8aad rgb(31,138,173)
```

Tetradic Color

#6c2913
```
#6c2913 rgb(108,41,19)
```
#823217
```
#823217 rgb(130,50,23)
```
#973a1b
```
#973a1b rgb(151,58,27)
```
#ad421f
```
#ad421f rgb(173,66,31)
```
#c34a23
```
#c34a23 rgb(195,74,35)
```
#d85327
```
#d85327 rgb(216,83,39)
```
#dc643c
```
#dc643c rgb(220,100,60)
```

Monochromatic Color

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

#ad1f1f
```
#ad1f1f rgb(173,31,31)
```
#ad2a1f
```
#ad2a1f rgb(173,42,31)
```
#ad361f
```
#ad361f rgb(173,54,31)
```
#ad421f
```
#ad421f rgb(173,66,31)
```
#ad4e1f
```
#ad4e1f rgb(173,78,31)
```
#ad5a1f
```
#ad5a1f rgb(173,90,31)
```
#ad661f
```
#ad661f rgb(173,102,31)
```

Similar Colors

Text with hexadecimal color #ad421f

This text has a font color of #ad421f.

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

#ad421f background color

This paragraph has a background color of #ad421f.

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

#ad421f border color

This element has a border color of #ad421f.

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

CSS codes

.text {color:#ad421f;}

.background {background-color:#ad421f;}

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

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

#070301
```
#070301 rgb(7,3,1)
```
#170904
```
#170904 rgb(23,9,4)
```
#280f07
```
#280f07 rgb(40,15,7)
```
#39160a
```
#39160a rgb(57,22,10)
```
#491c0d
```
#491c0d rgb(73,28,13)
```
#5a2210
```
#5a2210 rgb(90,34,16)
```
#6a2913
```
#6a2913 rgb(106,41,19)
```
#7b2f16
```
#7b2f16 rgb(123,47,22)
```
#8c3519
```
#8c3519 rgb(140,53,25)
```
#9c3c1c
```
#9c3c1c rgb(156,60,28)
```
#ad421f
```
#ad421f rgb(173,66,31)
```
#be4822
```
#be4822 rgb(190,72,34)
```
#ce4f25
```
#ce4f25 rgb(206,79,37)
```

Shade Color Variation

#d9582d
```
#d9582d rgb(217,88,45)
```
#dc653e
```
#dc653e rgb(220,101,62)
```
#df724f
```
#df724f rgb(223,114,79)
```
#e2805f
```
#e2805f rgb(226,128,95)
```
#e58d70
```
#e58d70 rgb(229,141,112)
```
#e89a81
```
#e89a81 rgb(232,154,129)
```
#eba791
```
#eba791 rgb(235,167,145)
```
#eeb5a2
```
#eeb5a2 rgb(238,181,162)
```
#f1c2b2
```
#f1c2b2 rgb(241,194,178)
```
#f4cfc3
```
#f4cfc3 rgb(244,207,195)
```
#f7ddd4
```
#f7ddd4 rgb(247,221,212)
```
#faeae4
```
#faeae4 rgb(250,234,228)
```
#fdf7f5
```
#fdf7f5 rgb(253,247,245)
```

Tint Color Variation

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

#666666
```
#666666 rgb(102,102,102)
```
#6e625e
```
#6e625e rgb(110,98,94)
```
#765e56
```
#765e56 rgb(118,94,86)
```
#7e5a4e
```
#7e5a4e rgb(126,90,78)
```
#865646
```
#865646 rgb(134,86,70)
```
#8e523e
```
#8e523e rgb(142,82,62)
```
#954e37
```
#954e37 rgb(149,78,55)
```
#9d4a2f
```
#9d4a2f rgb(157,74,47)
```
#a54627
```
#a54627 rgb(165,70,39)
```
#ad421f
```
#ad421f rgb(173,66,31)
```
#b53e17
```
#b53e17 rgb(181,62,23)
```
#bd3a0f
```
#bd3a0f rgb(189,58,15)
```
#c53607
```
#c53607 rgb(197,54,7)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#6e5851 Atypical Achromatopsia 0.001% of the population

Dichromacy

#786c33 Protanopia 1% of men
#876721 Deuteranopia 1% of men
#b2484c Tritanopia 0.001% of the population

Trichromacy

#8b5d2c Protanomaly 1% of men, 0.01% of women
#945920 Deuteranomaly 6% of men, 0.4% of women
#b0453b Tritanomaly 0.01% of the population

#ad421f hex color

#ad421f Color Information

#ad421f Color Conversion

Color Schemes with #ad421f

Alternatives to #ad421f

#ad421f Preview

Shades and Tints of #ad421f

Tones of #ad421f

Color Blindness Simulator