#af2322 hex color

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

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

● #af2322 color description : Dark red.

The hexadecimal color #af2322 has RGB values of R:175, G:35, B:34 and CMYK values of C:0, M:0.8, Y:0.81, K:0.31. Its decimal value is 11477794.

Hex triplet	af2322	`#af2322`
RGB Decimal	175, 35, 34	`rgb(175,35,34)`
RGB Percent	68.6, 13.7, 13.3	`rgb(68.6%,13.7%,13.3%)`
CMYK	0, 80, 81, 31
HSL	0.4°, 67.5, 41	`hsl(0.4,67.5%,41%)`
HSV (or HSB)	0.4°, 80.6, 68.6
Web Safe	993333	`#993333`

CIE-LAB	38.61, 54.743, 36.938
XYZ	18.57, 10.434, 2.549
xyY	0.589, 0.331, 10.434
CIE-LCH	38.61, 66.039, 34.01
CIE-LUV	38.61, 104.737, 22.875
Hunter-Lab	32.301, 46.091, 17.931
Binary	10101111, 00100011, 00100010

#af2322
```
#af2322 rgb(175,35,34)
```
#22aeaf
```
#22aeaf rgb(34,174,175)
```

Complementary Color

#af2268
```
#af2268 rgb(175,34,104)
```
#af2322
```
#af2322 rgb(175,35,34)
```
#af6a22
```
#af6a22 rgb(175,106,34)
```

Analogous Color

#2268af
```
#2268af rgb(34,104,175)
```
#af2322
```
#af2322 rgb(175,35,34)
```
#22af6a
```
#22af6a rgb(34,175,106)
```

Split Complementary Color

#2322af
```
#2322af rgb(35,34,175)
```
#af2322
```
#af2322 rgb(175,35,34)
```
#22af23
```
#22af23 rgb(34,175,35)
```

Triadic Color

#af22ae
```
#af22ae rgb(175,34,174)
```
#af2322
```
#af2322 rgb(175,35,34)
```
#22af23
```
#22af23 rgb(34,175,35)
```
#22aeaf
```
#22aeaf rgb(34,174,175)
```

Tetradic Color

#6f1616
```
#6f1616 rgb(111,22,22)
```
#841a1a
```
#841a1a rgb(132,26,26)
```
#9a1f1e
```
#9a1f1e rgb(154,31,30)
```
#af2322
```
#af2322 rgb(175,35,34)
```
#c42726
```
#c42726 rgb(196,39,38)
```
#d62f2e
```
#d62f2e rgb(214,47,46)
```
#da4443
```
#da4443 rgb(218,68,67)
```

Monochromatic Color

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

#af2244
```
#af2244 rgb(175,34,68)
```
#af2239
```
#af2239 rgb(175,34,57)
```
#af222d
```
#af222d rgb(175,34,45)
```
#af2322
```
#af2322 rgb(175,35,34)
```
#af2f22
```
#af2f22 rgb(175,47,34)
```
#af3b22
```
#af3b22 rgb(175,59,34)
```
#af4622
```
#af4622 rgb(175,70,34)
```

Similar Colors

Text with hexadecimal color #af2322

This text has a font color of #af2322.

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

#af2322 background color

This paragraph has a background color of #af2322.

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

#af2322 border color

This element has a border color of #af2322.

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

CSS codes

.text {color:#af2322;}

.background {background-color:#af2322;}

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

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

#0b0202
```
#0b0202 rgb(11,2,2)
```
#1b0505
```
#1b0505 rgb(27,5,5)
```
#2c0908
```
#2c0908 rgb(44,9,8)
```
#3c0c0c
```
#3c0c0c rgb(60,12,12)
```
#4c0f0f
```
#4c0f0f rgb(76,15,15)
```
#5d1312
```
#5d1312 rgb(93,19,18)
```
#6d1615
```
#6d1615 rgb(109,22,21)
```
#7e1918
```
#7e1918 rgb(126,25,24)
```
#8e1c1c
```
#8e1c1c rgb(142,28,28)
```
#9f201f
```
#9f201f rgb(159,32,31)
```
#af2322
```
#af2322 rgb(175,35,34)
```
#bf2625
```
#bf2625 rgb(191,38,37)
```
#d02a28
```
#d02a28 rgb(208,42,40)
```

Shade Color Variation

#d83534
```
#d83534 rgb(216,53,52)
```
#db4645
```
#db4645 rgb(219,70,69)
```
#de5655
```
#de5655 rgb(222,86,85)
```
#e16666
```
#e16666 rgb(225,102,102)
```
#e47776
```
#e47776 rgb(228,119,118)
```
#e88786
```
#e88786 rgb(232,135,134)
```
#eb9797
```
#eb9797 rgb(235,151,151)
```
#eea8a7
```
#eea8a7 rgb(238,168,167)
```
#f1b8b8
```
#f1b8b8 rgb(241,184,184)
```
#f4c8c8
```
#f4c8c8 rgb(244,200,200)
```
#f8d9d8
```
#f8d9d8 rgb(248,217,216)
```
#fbe9e9
```
#fbe9e9 rgb(251,233,233)
```
#fef9f9
```
#fef9f9 rgb(254,249,249)
```

Tint Color Variation

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

#6f6262
```
#6f6262 rgb(111,98,98)
```
#775a5a
```
#775a5a rgb(119,90,90)
```
#7f5352
```
#7f5352 rgb(127,83,82)
```
#874b4a
```
#874b4a rgb(135,75,74)
```
#8f4342
```
#8f4342 rgb(143,67,66)
```
#973b3a
```
#973b3a rgb(151,59,58)
```
#9f3332
```
#9f3332 rgb(159,51,50)
```
#a72b2a
```
#a72b2a rgb(167,43,42)
```
#af2322
```
#af2322 rgb(175,35,34)
```
#b71b1a
```
#b71b1a rgb(183,27,26)
```
#bf1312
```
#bf1312 rgb(191,19,18)
```
#c70b0a
```
#c70b0a rgb(199,11,10)
```
#cf0302
```
#cf0302 rgb(207,3,2)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#614544 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c633b Protanopia 1% of men
#7b5e21 Deuteranopia 1% of men
#b32e2f Tritanopia 0.001% of the population

Trichromacy

#844c32 Protanomaly 1% of men, 0.01% of women
#8e4921 Deuteranomaly 6% of men, 0.4% of women
#b12a2a Tritanomaly 0.01% of the population

#af2322 hex color

#af2322 Color Information

#af2322 Color Conversion

Color Schemes with #af2322

Alternatives to #af2322

#af2322 Preview

Shades and Tints of #af2322

Tones of #af2322

Color Blindness Simulator