#af1e1f hex color

In a RGB color space, hex #af1e1f is composed of 68.6% red, 11.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.9% magenta, 82.3% yellow and 31.4% black. It has a hue angle of 359.6 degrees, a saturation of 70.7% and a lightness of 40.2%. #af1e1f color hex could be obtained by blending #ff3c3e with #5f0000. Closest websafe color is: #993333.

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

● #af1e1f color description : Dark red.

The hexadecimal color #af1e1f has RGB values of R:175, G:30, B:31 and CMYK values of C:0, M:0.83, Y:0.82, K:0.31. Its decimal value is 11476511.

Hex triplet	af1e1f	`#af1e1f`
RGB Decimal	175, 30, 31	`rgb(175,30,31)`
RGB Percent	68.6, 11.8, 12.2	`rgb(68.6%,11.8%,12.2%)`
CMYK	0, 83, 82, 31
HSL	359.6°, 70.7, 40.2	`hsl(359.6,70.7%,40.2%)`
HSV (or HSB)	359.6°, 82.9, 68.6
Web Safe	993333	`#993333`

CIE-LAB	38.099, 56.014, 38.102
XYZ	18.392, 10.144, 2.286
xyY	0.597, 0.329, 10.144
CIE-LCH	38.099, 67.744, 34.225
CIE-LUV	38.099, 107.4, 22.917
Hunter-Lab	31.849, 47.341, 18.039
Binary	10101111, 00011110, 00011111

#af1e1f
```
#af1e1f rgb(175,30,31)
```
#1eafae
```
#1eafae rgb(30,175,174)
```

Complementary Color

#af1e68
```
#af1e68 rgb(175,30,104)
```
#af1e1f
```
#af1e1f rgb(175,30,31)
```
#af661e
```
#af661e rgb(175,102,30)
```

Analogous Color

#1e68af
```
#1e68af rgb(30,104,175)
```
#af1e1f
```
#af1e1f rgb(175,30,31)
```
#1eaf66
```
#1eaf66 rgb(30,175,102)
```

Split Complementary Color

#1e1faf
```
#1e1faf rgb(30,31,175)
```
#af1e1f
```
#af1e1f rgb(175,30,31)
```
#1faf1e
```
#1faf1e rgb(31,175,30)
```

Triadic Color

#ae1eaf
```
#ae1eaf rgb(174,30,175)
```
#af1e1f
```
#af1e1f rgb(175,30,31)
```
#1faf1e
```
#1faf1e rgb(31,175,30)
```
#1eafae
```
#1eafae rgb(30,175,174)
```

Tetradic Color

#6e1313
```
#6e1313 rgb(110,19,19)
```
#831717
```
#831717 rgb(131,23,23)
```
#991a1b
```
#991a1b rgb(153,26,27)
```
#af1e1f
```
#af1e1f rgb(175,30,31)
```
#c52223
```
#c52223 rgb(197,34,35)
```
#da2627
```
#da2627 rgb(218,38,39)
```
#de3c3d
```
#de3c3d rgb(222,60,61)
```

Monochromatic Color

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

#af1e43
```
#af1e43 rgb(175,30,67)
```
#af1e37
```
#af1e37 rgb(175,30,55)
```
#af1e2b
```
#af1e2b rgb(175,30,43)
```
#af1e1f
```
#af1e1f rgb(175,30,31)
```
#af291e
```
#af291e rgb(175,41,30)
```
#af351e
```
#af351e rgb(175,53,30)
```
#af411e
```
#af411e rgb(175,65,30)
```

Similar Colors

Text with hexadecimal color #af1e1f

This text has a font color of #af1e1f.

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

#af1e1f background color

This paragraph has a background color of #af1e1f.

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

#af1e1f border color

This element has a border color of #af1e1f.

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

CSS codes

.text {color:#af1e1f;}

.background {background-color:#af1e1f;}

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

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

#080101
```
#080101 rgb(8,1,1)
```
#180404
```
#180404 rgb(24,4,4)
```
#290707
```
#290707 rgb(41,7,7)
```
#3a0a0a
```
#3a0a0a rgb(58,10,10)
```
#4b0d0d
```
#4b0d0d rgb(75,13,13)
```
#5b1010
```
#5b1010 rgb(91,16,16)
```
#6c1313
```
#6c1313 rgb(108,19,19)
```
#7d1516
```
#7d1516 rgb(125,21,22)
```
#8e1819
```
#8e1819 rgb(142,24,25)
```
#9e1b1c
```
#9e1b1c rgb(158,27,28)
```
#af1e1f
```
#af1e1f rgb(175,30,31)
```
#c02122
```
#c02122 rgb(192,33,34)
```
#d02425
```
#d02425 rgb(208,36,37)
```

Shade Color Variation

#db2d2e
```
#db2d2e rgb(219,45,46)
```
#de3e3f
```
#de3e3f rgb(222,62,63)
```
#e14e4f
```
#e14e4f rgb(225,78,79)
```
#e45f60
```
#e45f60 rgb(228,95,96)
```
#e67071
```
#e67071 rgb(230,112,113)
```
#e98181
```
#e98181 rgb(233,129,129)
```
#ec9192
```
#ec9192 rgb(236,145,146)
```
#efa2a3
```
#efa2a3 rgb(239,162,163)
```
#f2b3b3
```
#f2b3b3 rgb(242,179,179)
```
#f5c4c4
```
#f5c4c4 rgb(245,196,196)
```
#f8d4d5
```
#f8d4d5 rgb(248,212,213)
```
#fbe5e5
```
#fbe5e5 rgb(251,229,229)
```
#fdf6f6
```
#fdf6f6 rgb(253,246,246)
```

Tint Color Variation

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

#686565
```
#686565 rgb(104,101,101)
```
#705d5d
```
#705d5d rgb(112,93,93)
```
#785555
```
#785555 rgb(120,85,85)
```
#804d4e
```
#804d4e rgb(128,77,78)
```
#884546
```
#884546 rgb(136,69,70)
```
#8f3e3e
```
#8f3e3e rgb(143,62,62)
```
#973636
```
#973636 rgb(151,54,54)
```
#9f2e2f
```
#9f2e2f rgb(159,46,47)
```
#a72627
```
#a72627 rgb(167,38,39)
```
#af1e1f
```
#af1e1f rgb(175,30,31)
```
#b71617
```
#b71617 rgb(183,22,23)
```
#bf0e0f
```
#bf0e0f rgb(191,14,15)
```
#c70608
```
#c70608 rgb(199,6,8)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#5d4041 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b6239 Protanopia 1% of men
#7a5d1d Deuteranopia 1% of men
#b3292a Tritanopia 0.001% of the population

Trichromacy

#84492f Protanomaly 1% of men, 0.01% of women
#8d461e Deuteranomaly 6% of men, 0.4% of women
#b12526 Tritanomaly 0.01% of the population

#af1e1f hex color

#af1e1f Color Information

#af1e1f Color Conversion

Color Schemes with #af1e1f

Alternatives to #af1e1f

#af1e1f Preview

Shades and Tints of #af1e1f

Tones of #af1e1f

Color Blindness Simulator