#af0d1f hex color

In a RGB color space, hex #af0d1f is composed of 68.6% red, 5.1% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.6% magenta, 82.3% yellow and 31.4% black. It has a hue angle of 353.3 degrees, a saturation of 86.2% and a lightness of 36.9%. #af0d1f color hex could be obtained by blending #ff1a3e with #5f0000. Closest websafe color is: #990033.

♥
- f
- t
- g
- R 69
- G 5
- B 12
RGB color chart
- C 0
- M 93
- Y 82
- K 31
CMYK color chart

● #af0d1f color description : Dark red.

The hexadecimal color #af0d1f has RGB values of R:175, G:13, B:31 and CMYK values of C:0, M:0.93, Y:0.82, K:0.31. Its decimal value is 11472159.

Hex triplet	af0d1f	`#af0d1f`
RGB Decimal	175, 13, 31	`rgb(175,13,31)`
RGB Percent	68.6, 5.1, 12.2	`rgb(68.6%,5.1%,12.2%)`
CMYK	0, 93, 82, 31
HSL	353.3°, 86.2, 36.9	`hsl(353.3,86.2%,36.9%)`
HSV (or HSB)	353.3°, 92.6, 68.6
Web Safe	990033	`#990033`

CIE-LAB	36.935, 59.341, 36.968
XYZ	18.071, 9.503, 2.179
xyY	0.607, 0.319, 9.503
CIE-LCH	36.935, 69.914, 31.922
CIE-LUV	36.935, 112.649, 20.806
Hunter-Lab	30.827, 50.693, 17.388
Binary	10101111, 00001101, 00011111

#af0d1f
```
#af0d1f rgb(175,13,31)
```
#0daf9d
```
#0daf9d rgb(13,175,157)
```

Complementary Color

#af0d70
```
#af0d70 rgb(175,13,112)
```
#af0d1f
```
#af0d1f rgb(175,13,31)
```
#af4c0d
```
#af4c0d rgb(175,76,13)
```

Analogous Color

#0d70af
```
#0d70af rgb(13,112,175)
```
#af0d1f
```
#af0d1f rgb(175,13,31)
```
#0daf4c
```
#0daf4c rgb(13,175,76)
```

Split Complementary Color

#0d1faf
```
#0d1faf rgb(13,31,175)
```
#af0d1f
```
#af0d1f rgb(175,13,31)
```
#1faf0d
```
#1faf0d rgb(31,175,13)
```

Triadic Color

#9d0daf
```
#9d0daf rgb(157,13,175)
```
#af0d1f
```
#af0d1f rgb(175,13,31)
```
#1faf0d
```
#1faf0d rgb(31,175,13)
```
#0daf9d
```
#0daf9d rgb(13,175,157)
```

Tetradic Color

#680812
```
#680812 rgb(104,8,18)
```
#800917
```
#800917 rgb(128,9,23)
```
#970b1b
```
#970b1b rgb(151,11,27)
```
#af0d1f
```
#af0d1f rgb(175,13,31)
```
#c70f23
```
#c70f23 rgb(199,15,35)
```
#de1127
```
#de1127 rgb(222,17,39)
```
#ee1a32
```
#ee1a32 rgb(238,26,50)
```

Monochromatic Color

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

#af0d48
```
#af0d48 rgb(175,13,72)
```
#af0d3a
```
#af0d3a rgb(175,13,58)
```
#af0d2d
```
#af0d2d rgb(175,13,45)
```
#af0d1f
```
#af0d1f rgb(175,13,31)
```
#af0d12
```
#af0d12 rgb(175,13,18)
```
#af160d
```
#af160d rgb(175,22,13)
```
#af240d
```
#af240d rgb(175,36,13)
```

Similar Colors

Text with hexadecimal color #af0d1f

This text has a font color of #af0d1f.

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

#af0d1f background color

This paragraph has a background color of #af0d1f.

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

#af0d1f border color

This element has a border color of #af0d1f.

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

CSS codes

.text {color:#af0d1f;}

.background {background-color:#af0d1f;}

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

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

#0b0102
```
#0b0102 rgb(11,1,2)
```
#1d0205
```
#1d0205 rgb(29,2,5)
```
#2f0408
```
#2f0408 rgb(47,4,8)
```
#41050c
```
#41050c rgb(65,5,12)
```
#54060f
```
#54060f rgb(84,6,15)
```
#660812
```
#660812 rgb(102,8,18)
```
#780915
```
#780915 rgb(120,9,21)
```
#8a0a19
```
#8a0a19 rgb(138,10,25)
```
#9d0c1c
```
#9d0c1c rgb(157,12,28)
```
#af0d1f
```
#af0d1f rgb(175,13,31)
```
#c10e22
```
#c10e22 rgb(193,14,34)
```
#d41025
```
#d41025 rgb(212,16,37)
```
#e61129
```
#e61129 rgb(230,17,41)
```

Shade Color Variation

#ee1c34
```
#ee1c34 rgb(238,28,52)
```
#f02f44
```
#f02f44 rgb(240,47,68)
```
#f14154
```
#f14154 rgb(241,65,84)
```
#f25365
```
#f25365 rgb(242,83,101)
```
#f46575
```
#f46575 rgb(244,101,117)
```
#f57886
```
#f57886 rgb(245,120,134)
```
#f68a96
```
#f68a96 rgb(246,138,150)
```
#f89ca6
```
#f89ca6 rgb(248,156,166)
```
#f9aeb7
```
#f9aeb7 rgb(249,174,183)
```
#fac1c7
```
#fac1c7 rgb(250,193,199)
```
#fcd3d7
```
#fcd3d7 rgb(252,211,215)
```
#fde5e8
```
#fde5e8 rgb(253,229,232)
```
#fef7f8
```
#fef7f8 rgb(254,247,248)
```

Tint Color Variation

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

#5f5d5d
```
#5f5d5d rgb(95,93,93)
```
#675557
```
#675557 rgb(103,85,87)
```
#6e4e52
```
#6e4e52 rgb(110,78,82)
```
#75474c
```
#75474c rgb(117,71,76)
```
#7c4046
```
#7c4046 rgb(124,64,70)
```
#843841
```
#843841 rgb(132,56,65)
```
#8b313b
```
#8b313b rgb(139,49,59)
```
#922a35
```
#922a35 rgb(146,42,53)
```
#992330
```
#992330 rgb(153,35,48)
```
#a11b2a
```
#a11b2a rgb(161,27,42)
```
#a81425
```
#a81425 rgb(168,20,37)
```
#af0d1f
```
#af0d1f rgb(175,13,31)
```
#b60619
```
#b60619 rgb(182,6,25)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#553539 Atypical Achromatopsia 0.001% of the population

Dichromacy

#685f3b Protanopia 1% of men
#765b1c Deuteranopia 1% of men
#b21d1a Tritanopia 0.001% of the population

Trichromacy

#824130 Protanomaly 1% of men, 0.01% of women
#8b3e1d Deuteranomaly 6% of men, 0.4% of women
#b1171b Tritanomaly 0.01% of the population

#af0d1f hex color

#af0d1f Color Information

#af0d1f Color Conversion

Color Schemes with #af0d1f

Alternatives to #af0d1f

#af0d1f Preview

Shades and Tints of #af0d1f

Tones of #af0d1f

Color Blindness Simulator