#af322d hex color

In a RGB color space, hex #af322d is composed of 68.6% red, 19.6% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.4% magenta, 74.3% yellow and 31.4% black. It has a hue angle of 2.3 degrees, a saturation of 59.1% and a lightness of 43.1%. #af322d color hex could be obtained by blending #ff645a with #5f0000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 69
- G 20
- B 18
RGB color chart
- C 0
- M 71
- Y 74
- K 31
CMYK color chart

● #af322d color description : Dark red.

The hexadecimal color #af322d has RGB values of R:175, G:50, B:45 and CMYK values of C:0, M:0.71, Y:0.74, K:0.31. Its decimal value is 11481645.

Hex triplet	af322d	`#af322d`
RGB Decimal	175, 50, 45	`rgb(175,50,45)`
RGB Percent	68.6, 19.6, 17.6	`rgb(68.6%,19.6%,17.6%)`
CMYK	0, 71, 74, 31
HSL	2.3°, 59.1, 43.1	`hsl(2.3,59.1%,43.1%)`
HSV (or HSB)	2.3°, 74.3, 68.6
Web Safe	993333	`#993333`

CIE-LAB	40.552, 50.098, 32.705
XYZ	19.294, 11.587, 3.703
xyY	0.558, 0.335, 11.587
CIE-LCH	40.552, 59.828, 33.138
CIE-LUV	40.552, 94.943, 22.316
Hunter-Lab	34.039, 41.609, 17.378
Binary	10101111, 00110010, 00101101

#af322d
```
#af322d rgb(175,50,45)
```
#2daaaf
```
#2daaaf rgb(45,170,175)
```

Complementary Color

#af2d69
```
#af2d69 rgb(175,45,105)
```
#af322d
```
#af322d rgb(175,50,45)
```
#af732d
```
#af732d rgb(175,115,45)
```

Analogous Color

#2d69af
```
#2d69af rgb(45,105,175)
```
#af322d
```
#af322d rgb(175,50,45)
```
#2daf73
```
#2daf73 rgb(45,175,115)
```

Split Complementary Color

#322daf
```
#322daf rgb(50,45,175)
```
#af322d
```
#af322d rgb(175,50,45)
```
#2daf32
```
#2daf32 rgb(45,175,50)
```

Triadic Color

#af2daa
```
#af2daa rgb(175,45,170)
```
#af322d
```
#af322d rgb(175,50,45)
```
#2daf32
```
#2daf32 rgb(45,175,50)
```
#2daaaf
```
#2daaaf rgb(45,170,175)
```

Tetradic Color

#72211d
```
#72211d rgb(114,33,29)
```
#862623
```
#862623 rgb(134,38,35)
```
#9b2c28
```
#9b2c28 rgb(155,44,40)
```
#af322d
```
#af322d rgb(175,50,45)
```
#c33832
```
#c33832 rgb(195,56,50)
```
#ce4641
```
#ce4641 rgb(206,70,65)
```
#d35a55
```
#d35a55 rgb(211,90,85)
```

Monochromatic Color

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

#af2d49
```
#af2d49 rgb(175,45,73)
```
#af2d3e
```
#af2d3e rgb(175,45,62)
```
#af2d33
```
#af2d33 rgb(175,45,51)
```
#af322d
```
#af322d rgb(175,50,45)
```
#af3d2d
```
#af3d2d rgb(175,61,45)
```
#af482d
```
#af482d rgb(175,72,45)
```
#af532d
```
#af532d rgb(175,83,45)
```

Similar Colors

Text with hexadecimal color #af322d

This text has a font color of #af322d.

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

#af322d background color

This paragraph has a background color of #af322d.

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

#af322d border color

This element has a border color of #af322d.

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

CSS codes

.text {color:#af322d;}

.background {background-color:#af322d;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#130505
```
#130505 rgb(19,5,5)
```
#230a09
```
#230a09 rgb(35,10,9)
```
#320e0d
```
#320e0d rgb(50,14,13)
```
#421311
```
#421311 rgb(66,19,17)
```
#511715
```
#511715 rgb(81,23,21)
```
#611c19
```
#611c19 rgb(97,28,25)
```
#71201d
```
#71201d rgb(113,32,29)
```
#802521
```
#802521 rgb(128,37,33)
```
#902925
```
#902925 rgb(144,41,37)
```
#9f2e29
```
#9f2e29 rgb(159,46,41)
```
#af322d
```
#af322d rgb(175,50,45)
```
#bf3631
```
#bf3631 rgb(191,54,49)
```

Shade Color Variation

#cc3d38
```
#cc3d38 rgb(204,61,56)
```
#d04c47
```
#d04c47 rgb(208,76,71)
```
#d45c57
```
#d45c57 rgb(212,92,87)
```
#d86b66
```
#d86b66 rgb(216,107,102)
```
#dc7a76
```
#dc7a76 rgb(220,122,118)
```
#e08986
```
#e08986 rgb(224,137,134)
```
#e49895
```
#e49895 rgb(228,152,149)
```
#e8a7a5
```
#e8a7a5 rgb(232,167,165)
```
#ecb6b4
```
#ecb6b4 rgb(236,182,180)
```
#f0c6c4
```
#f0c6c4 rgb(240,198,196)
```
#f4d5d4
```
#f4d5d4 rgb(244,213,212)
```
#f8e4e3
```
#f8e4e3 rgb(248,228,227)
```
#fcf3f3
```
#fcf3f3 rgb(252,243,243)
```

Tint Color Variation

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

#746968
```
#746968 rgb(116,105,104)
```
#7c6160
```
#7c6160 rgb(124,97,96)
```
#855957
```
#855957 rgb(133,89,87)
```
#8d514f
```
#8d514f rgb(141,81,79)
```
#964946
```
#964946 rgb(150,73,70)
```
#9e423e
```
#9e423e rgb(158,66,62)
```
#a73a35
```
#a73a35 rgb(167,58,53)
```
#af322d
```
#af322d rgb(175,50,45)
```
#b72a25
```
#b72a25 rgb(183,42,37)
```
#c0221c
```
#c0221c rgb(192,34,28)
```
#c81b14
```
#c81b14 rgb(200,27,20)
```
#d1130b
```
#d1130b rgb(209,19,11)
```
#d90b03
```
#d90b03 rgb(217,11,3)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#69504f Atypical Achromatopsia 0.001% of the population

Dichromacy

#706745 Protanopia 1% of men
#7f632e Deuteranopia 1% of men
#b33b3e Tritanopia 0.001% of the population

Trichromacy

#87543c Protanomaly 1% of men, 0.01% of women
#90512e Deuteranomaly 6% of men, 0.4% of women
#b13838 Tritanomaly 0.01% of the population

#af322d hex color

#af322d Color Information

#af322d Color Conversion

Color Schemes with #af322d

Alternatives to #af322d

#af322d Preview

Shades and Tints of #af322d

Tones of #af322d

Color Blindness Simulator