#af3f22 hex color

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

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

● #af3f22 color description : Dark red.

The hexadecimal color #af3f22 has RGB values of R:175, G:63, B:34 and CMYK values of C:0, M:0.64, Y:0.81, K:0.31. Its decimal value is 11484962.

Hex triplet	af3f22	`#af3f22`
RGB Decimal	175, 63, 34	`rgb(175,63,34)`
RGB Percent	68.6, 24.7, 13.3	`rgb(68.6%,24.7%,13.3%)`
CMYK	0, 64, 81, 31
HSL	12.3°, 67.5, 41	`hsl(12.3,67.5%,41%)`
HSV (or HSB)	12.3°, 80.6, 68.6
Web Safe	993333	`#993333`

CIE-LAB	42.44, 44.236, 40.747
XYZ	19.746, 12.787, 2.942
xyY	0.557, 0.36, 12.787
CIE-LCH	42.44, 60.142, 42.649
CIE-LUV	42.44, 88.595, 29.723
Hunter-Lab	35.758, 35.993, 20.154
Binary	10101111, 00111111, 00100010

#af3f22
```
#af3f22 rgb(175,63,34)
```
#2292af
```
#2292af rgb(34,146,175)
```

Complementary Color

#af224c
```
#af224c rgb(175,34,76)
```
#af3f22
```
#af3f22 rgb(175,63,34)
```
#af8622
```
#af8622 rgb(175,134,34)
```

Analogous Color

#224caf
```
#224caf rgb(34,76,175)
```
#af3f22
```
#af3f22 rgb(175,63,34)
```
#22af86
```
#22af86 rgb(34,175,134)
```

Split Complementary Color

#3f22af
```
#3f22af rgb(63,34,175)
```
#af3f22
```
#af3f22 rgb(175,63,34)
```
#22af3f
```
#22af3f rgb(34,175,63)
```

Triadic Color

#af2292
```
#af2292 rgb(175,34,146)
```
#af3f22
```
#af3f22 rgb(175,63,34)
```
#22af3f
```
#22af3f rgb(34,175,63)
```
#2292af
```
#2292af rgb(34,146,175)
```

Tetradic Color

#6f2816
```
#6f2816 rgb(111,40,22)
```
#84301a
```
#84301a rgb(132,48,26)
```
#9a371e
```
#9a371e rgb(154,55,30)
```
#af3f22
```
#af3f22 rgb(175,63,34)
```
#c44726
```
#c44726 rgb(196,71,38)
```
#d6502e
```
#d6502e rgb(214,80,46)
```
#da6243
```
#da6243 rgb(218,98,67)
```

Monochromatic Color

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

#af2228
```
#af2228 rgb(175,34,40)
```
#af2822
```
#af2822 rgb(175,40,34)
```
#af3322
```
#af3322 rgb(175,51,34)
```
#af3f22
```
#af3f22 rgb(175,63,34)
```
#af4b22
```
#af4b22 rgb(175,75,34)
```
#af5722
```
#af5722 rgb(175,87,34)
```
#af6222
```
#af6222 rgb(175,98,34)
```

Similar Colors

Text with hexadecimal color #af3f22

This text has a font color of #af3f22.

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

#af3f22 background color

This paragraph has a background color of #af3f22.

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

#af3f22 border color

This element has a border color of #af3f22.

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

CSS codes

.text {color:#af3f22;}

.background {background-color:#af3f22;}

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

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)
```
#1b0a05
```
#1b0a05 rgb(27,10,5)
```
#2c1008
```
#2c1008 rgb(44,16,8)
```
#3c160c
```
#3c160c rgb(60,22,12)
```
#4c1c0f
```
#4c1c0f rgb(76,28,15)
```
#5d2112
```
#5d2112 rgb(93,33,18)
```
#6d2715
```
#6d2715 rgb(109,39,21)
```
#7e2d18
```
#7e2d18 rgb(126,45,24)
```
#8e331c
```
#8e331c rgb(142,51,28)
```
#9f391f
```
#9f391f rgb(159,57,31)
```
#af3f22
```
#af3f22 rgb(175,63,34)
```
#bf4525
```
#bf4525 rgb(191,69,37)
```
#d04b28
```
#d04b28 rgb(208,75,40)
```

Shade Color Variation

#d85634
```
#d85634 rgb(216,86,52)
```
#db6445
```
#db6445 rgb(219,100,69)
```
#de7155
```
#de7155 rgb(222,113,85)
```
#e17f66
```
#e17f66 rgb(225,127,102)
```
#e48d76
```
#e48d76 rgb(228,141,118)
```
#e89a86
```
#e89a86 rgb(232,154,134)
```
#eba897
```
#eba897 rgb(235,168,151)
```
#eeb6a7
```
#eeb6a7 rgb(238,182,167)
```
#f1c3b8
```
#f1c3b8 rgb(241,195,184)
```
#f4d1c8
```
#f4d1c8 rgb(244,209,200)
```
#f8dfd8
```
#f8dfd8 rgb(248,223,216)
```
#fbede9
```
#fbede9 rgb(251,237,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 #cf2c02 is the most saturated one.

#6f6562
```
#6f6562 rgb(111,101,98)
```
#77605a
```
#77605a rgb(119,96,90)
```
#7f5b52
```
#7f5b52 rgb(127,91,82)
```
#87574a
```
#87574a rgb(135,87,74)
```
#8f5242
```
#8f5242 rgb(143,82,66)
```
#974d3a
```
#974d3a rgb(151,77,58)
```
#9f4832
```
#9f4832 rgb(159,72,50)
```
#a7442a
```
#a7442a rgb(167,68,42)
```
#af3f22
```
#af3f22 rgb(175,63,34)
```
#b73a1a
```
#b73a1a rgb(183,58,26)
```
#bf3612
```
#bf3612 rgb(191,54,18)
```
#c7310a
```
#c7310a rgb(199,49,10)
```
#cf2c02
```
#cf2c02 rgb(207,44,2)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#6d5751 Atypical Achromatopsia 0.001% of the population

Dichromacy

#776c37 Protanopia 1% of men
#866723 Deuteranopia 1% of men
#b44549 Tritanopia 0.001% of the population

Trichromacy

#8b5b2f Protanomaly 1% of men, 0.01% of women
#955823 Deuteranomaly 6% of men, 0.4% of women
#b2433b Tritanomaly 0.01% of the population

#af3f22 hex color

#af3f22 Color Information

#af3f22 Color Conversion

Color Schemes with #af3f22

Alternatives to #af3f22

#af3f22 Preview

Shades and Tints of #af3f22

Tones of #af3f22

Color Blindness Simulator