#af3a22 hex color

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

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

● #af3a22 color description : Dark red.

The hexadecimal color #af3a22 has RGB values of R:175, G:58, B:34 and CMYK values of C:0, M:0.67, Y:0.81, K:0.31. Its decimal value is 11483682.

Hex triplet	af3a22	`#af3a22`
RGB Decimal	175, 58, 34	`rgb(175,58,34)`
RGB Percent	68.6, 22.7, 13.3	`rgb(68.6%,22.7%,13.3%)`
CMYK	0, 67, 81, 31
HSL	10.2°, 67.5, 41	`hsl(10.2,67.5%,41%)`
HSV (or HSB)	10.2°, 80.6, 68.6
Web Safe	993333	`#993333`

CIE-LAB	41.623, 46.43, 39.943
XYZ	19.482, 12.258, 2.853
xyY	0.563, 0.354, 12.258
CIE-LCH	41.623, 61.247, 40.705
CIE-LUV	41.623, 91.933, 28.28
Hunter-Lab	35.011, 38.057, 19.676
Binary	10101111, 00111010, 00100010

#af3a22
```
#af3a22 rgb(175,58,34)
```
#2297af
```
#2297af rgb(34,151,175)
```

Complementary Color

#af2251
```
#af2251 rgb(175,34,81)
```
#af3a22
```
#af3a22 rgb(175,58,34)
```
#af8122
```
#af8122 rgb(175,129,34)
```

Analogous Color

#2251af
```
#2251af rgb(34,81,175)
```
#af3a22
```
#af3a22 rgb(175,58,34)
```
#22af81
```
#22af81 rgb(34,175,129)
```

Split Complementary Color

#3a22af
```
#3a22af rgb(58,34,175)
```
#af3a22
```
#af3a22 rgb(175,58,34)
```
#22af3a
```
#22af3a rgb(34,175,58)
```

Triadic Color

#af2297
```
#af2297 rgb(175,34,151)
```
#af3a22
```
#af3a22 rgb(175,58,34)
```
#22af3a
```
#22af3a rgb(34,175,58)
```
#2297af
```
#2297af rgb(34,151,175)
```

Tetradic Color

#6f2516
```
#6f2516 rgb(111,37,22)
```
#842c1a
```
#842c1a rgb(132,44,26)
```
#9a331e
```
#9a331e rgb(154,51,30)
```
#af3a22
```
#af3a22 rgb(175,58,34)
```
#c44126
```
#c44126 rgb(196,65,38)
```
#d64a2e
```
#d64a2e rgb(214,74,46)
```
#da5d43
```
#da5d43 rgb(218,93,67)
```

Monochromatic Color

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

#af222d
```
#af222d rgb(175,34,45)
```
#af2222
```
#af2222 rgb(175,34,34)
```
#af2e22
```
#af2e22 rgb(175,46,34)
```
#af3a22
```
#af3a22 rgb(175,58,34)
```
#af4622
```
#af4622 rgb(175,70,34)
```
#af5122
```
#af5122 rgb(175,81,34)
```
#af5d22
```
#af5d22 rgb(175,93,34)
```

Similar Colors

Text with hexadecimal color #af3a22

This text has a font color of #af3a22.

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

#af3a22 background color

This paragraph has a background color of #af3a22.

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

#af3a22 border color

This element has a border color of #af3a22.

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

CSS codes

.text {color:#af3a22;}

.background {background-color:#af3a22;}

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

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)
```
#2c0e08
```
#2c0e08 rgb(44,14,8)
```
#3c140c
```
#3c140c rgb(60,20,12)
```
#4c190f
```
#4c190f rgb(76,25,15)
```
#5d1f12
```
#5d1f12 rgb(93,31,18)
```
#6d2415
```
#6d2415 rgb(109,36,21)
```
#7e2a18
```
#7e2a18 rgb(126,42,24)
```
#8e2f1c
```
#8e2f1c rgb(142,47,28)
```
#9f351f
```
#9f351f rgb(159,53,31)
```
#af3a22
```
#af3a22 rgb(175,58,34)
```
#bf3f25
```
#bf3f25 rgb(191,63,37)
```
#d04528
```
#d04528 rgb(208,69,40)
```

Shade Color Variation

#d85034
```
#d85034 rgb(216,80,52)
```
#db5e45
```
#db5e45 rgb(219,94,69)
```
#de6c55
```
#de6c55 rgb(222,108,85)
```
#e17b66
```
#e17b66 rgb(225,123,102)
```
#e48976
```
#e48976 rgb(228,137,118)
```
#e89786
```
#e89786 rgb(232,151,134)
```
#eba597
```
#eba597 rgb(235,165,151)
```
#eeb3a7
```
#eeb3a7 rgb(238,179,167)
```
#f1c1b8
```
#f1c1b8 rgb(241,193,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, #6f6462 is the less saturated color, while #cf2502 is the most saturated one.

#6f6462
```
#6f6462 rgb(111,100,98)
```
#775f5a
```
#775f5a rgb(119,95,90)
```
#7f5a52
```
#7f5a52 rgb(127,90,82)
```
#87554a
```
#87554a rgb(135,85,74)
```
#8f4f42
```
#8f4f42 rgb(143,79,66)
```
#974a3a
```
#974a3a rgb(151,74,58)
```
#9f4532
```
#9f4532 rgb(159,69,50)
```
#a73f2a
```
#a73f2a rgb(167,63,42)
```
#af3a22
```
#af3a22 rgb(175,58,34)
```
#b7351a
```
#b7351a rgb(183,53,26)
```
#bf2f12
```
#bf2f12 rgb(191,47,18)
```
#c72a0a
```
#c72a0a rgb(199,42,10)
```
#cf2502
```
#cf2502 rgb(207,37,2)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#6b544f Atypical Achromatopsia 0.001% of the population

Dichromacy

#756a38 Protanopia 1% of men
#846523 Deuteranopia 1% of men
#b34144 Tritanopia 0.001% of the population

Trichromacy

#8a5830 Protanomaly 1% of men, 0.01% of women
#935522 Deuteranomaly 6% of men, 0.4% of women
#b23e38 Tritanomaly 0.01% of the population

#af3a22 hex color

#af3a22 Color Information

#af3a22 Color Conversion

Color Schemes with #af3a22

Alternatives to #af3a22

#af3a22 Preview

Shades and Tints of #af3a22

Tones of #af3a22

Color Blindness Simulator