#af3c22 hex color

In a RGB color space, hex #af3c22 is composed of 68.6% red, 23.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.7% magenta, 80.6% yellow and 31.4% black. It has a hue angle of 11.1 degrees, a saturation of 67.5% and a lightness of 41%. #af3c22 color hex could be obtained by blending #ff7844 with #5f0000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 69
- G 24
- B 13
RGB color chart
- C 0
- M 66
- Y 81
- K 31
CMYK color chart

● #af3c22 color description : Dark red.

The hexadecimal color #af3c22 has RGB values of R:175, G:60, B:34 and CMYK values of C:0, M:0.66, Y:0.81, K:0.31. Its decimal value is 11484194.

Hex triplet	af3c22	`#af3c22`
RGB Decimal	175, 60, 34	`rgb(175,60,34)`
RGB Percent	68.6, 23.5, 13.3	`rgb(68.6%,23.5%,13.3%)`
CMYK	0, 66, 81, 31
HSL	11.1°, 67.5, 41	`hsl(11.1,67.5%,41%)`
HSV (or HSB)	11.1°, 80.6, 68.6
Web Safe	993333	`#993333`

CIE-LAB	41.943, 45.567, 40.259
XYZ	19.585, 12.463, 2.888
xyY	0.561, 0.357, 12.463
CIE-LCH	41.943, 60.804, 41.461
CIE-LUV	41.943, 90.617, 28.847
Hunter-Lab	35.303, 37.242, 19.863
Binary	10101111, 00111100, 00100010

#af3c22
```
#af3c22 rgb(175,60,34)
```
#2295af
```
#2295af rgb(34,149,175)
```

Complementary Color

#af224f
```
#af224f rgb(175,34,79)
```
#af3c22
```
#af3c22 rgb(175,60,34)
```
#af8322
```
#af8322 rgb(175,131,34)
```

Analogous Color

#224faf
```
#224faf rgb(34,79,175)
```
#af3c22
```
#af3c22 rgb(175,60,34)
```
#22af83
```
#22af83 rgb(34,175,131)
```

Split Complementary Color

#3c22af
```
#3c22af rgb(60,34,175)
```
#af3c22
```
#af3c22 rgb(175,60,34)
```
#22af3c
```
#22af3c rgb(34,175,60)
```

Triadic Color

#af2295
```
#af2295 rgb(175,34,149)
```
#af3c22
```
#af3c22 rgb(175,60,34)
```
#22af3c
```
#22af3c rgb(34,175,60)
```
#2295af
```
#2295af rgb(34,149,175)
```

Tetradic Color

#6f2616
```
#6f2616 rgb(111,38,22)
```
#842d1a
```
#842d1a rgb(132,45,26)
```
#9a351e
```
#9a351e rgb(154,53,30)
```
#af3c22
```
#af3c22 rgb(175,60,34)
```
#c44326
```
#c44326 rgb(196,67,38)
```
#d64d2e
```
#d64d2e rgb(214,77,46)
```
#da5f43
```
#da5f43 rgb(218,95,67)
```

Monochromatic Color

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

#af222b
```
#af222b rgb(175,34,43)
```
#af2422
```
#af2422 rgb(175,36,34)
```
#af3022
```
#af3022 rgb(175,48,34)
```
#af3c22
```
#af3c22 rgb(175,60,34)
```
#af4822
```
#af4822 rgb(175,72,34)
```
#af5322
```
#af5322 rgb(175,83,34)
```
#af5f22
```
#af5f22 rgb(175,95,34)
```

Similar Colors

Text with hexadecimal color #af3c22

This text has a font color of #af3c22.

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

#af3c22 background color

This paragraph has a background color of #af3c22.

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

#af3c22 border color

This element has a border color of #af3c22.

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

CSS codes

.text {color:#af3c22;}

.background {background-color:#af3c22;}

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

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

#0b0402
```
#0b0402 rgb(11,4,2)
```
#1b0905
```
#1b0905 rgb(27,9,5)
```
#2c0f08
```
#2c0f08 rgb(44,15,8)
```
#3c150c
```
#3c150c rgb(60,21,12)
```
#4c1a0f
```
#4c1a0f rgb(76,26,15)
```
#5d2012
```
#5d2012 rgb(93,32,18)
```
#6d2515
```
#6d2515 rgb(109,37,21)
```
#7e2b18
```
#7e2b18 rgb(126,43,24)
```
#8e311c
```
#8e311c rgb(142,49,28)
```
#9f361f
```
#9f361f rgb(159,54,31)
```
#af3c22
```
#af3c22 rgb(175,60,34)
```
#bf4225
```
#bf4225 rgb(191,66,37)
```
#d04728
```
#d04728 rgb(208,71,40)
```

Shade Color Variation

#d85234
```
#d85234 rgb(216,82,52)
```
#db6045
```
#db6045 rgb(219,96,69)
```
#de6e55
```
#de6e55 rgb(222,110,85)
```
#e17c66
```
#e17c66 rgb(225,124,102)
```
#e48a76
```
#e48a76 rgb(228,138,118)
```
#e89886
```
#e89886 rgb(232,152,134)
```
#eba697
```
#eba697 rgb(235,166,151)
```
#eeb4a7
```
#eeb4a7 rgb(238,180,167)
```
#f1c2b8
```
#f1c2b8 rgb(241,194,184)
```
#f4d0c8
```
#f4d0c8 rgb(244,208,200)
```
#f8ded8
```
#f8ded8 rgb(248,222,216)
```
#fbece9
```
#fbece9 rgb(251,236,233)
```
#fefaf9
```
#fefaf9 rgb(254,250,249)
```

Tint Color Variation

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

#6f6562
```
#6f6562 rgb(111,101,98)
```
#77605a
```
#77605a rgb(119,96,90)
```
#7f5a52
```
#7f5a52 rgb(127,90,82)
```
#87554a
```
#87554a rgb(135,85,74)
```
#8f5042
```
#8f5042 rgb(143,80,66)
```
#974b3a
```
#974b3a rgb(151,75,58)
```
#9f4632
```
#9f4632 rgb(159,70,50)
```
#a7412a
```
#a7412a rgb(167,65,42)
```
#af3c22
```
#af3c22 rgb(175,60,34)
```
#b7371a
```
#b7371a rgb(183,55,26)
```
#bf3212
```
#bf3212 rgb(191,50,18)
```
#c72d0a
```
#c72d0a rgb(199,45,10)
```
#cf2802
```
#cf2802 rgb(207,40,2)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6c5550 Atypical Achromatopsia 0.001% of the population

Dichromacy

#756b37 Protanopia 1% of men
#846623 Deuteranopia 1% of men
#b44346 Tritanopia 0.001% of the population

Trichromacy

#8a5a2f Protanomaly 1% of men, 0.01% of women
#945623 Deuteranomaly 6% of men, 0.4% of women
#b24039 Tritanomaly 0.01% of the population

#af3c22 hex color

#af3c22 Color Information

#af3c22 Color Conversion

Color Schemes with #af3c22

Alternatives to #af3c22

#af3c22 Preview

Shades and Tints of #af3c22

Tones of #af3c22

Color Blindness Simulator