#af2d1e hex color

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

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

● #af2d1e color description : Dark red.

The hexadecimal color #af2d1e has RGB values of R:175, G:45, B:30 and CMYK values of C:0, M:0.74, Y:0.83, K:0.31. Its decimal value is 11480350.

Hex triplet	af2d1e	`#af2d1e`
RGB Decimal	175, 45, 30	`rgb(175,45,30)`
RGB Percent	68.6, 17.6, 11.8	`rgb(68.6%,17.6%,11.8%)`
CMYK	0, 74, 83, 31
HSL	6.2°, 70.7, 40.2	`hsl(6.2,70.7%,40.2%)`
HSV (or HSB)	6.2°, 82.9, 68.6
Web Safe	993333	`#993333`

CIE-LAB	39.726, 51.398, 40.195
XYZ	18.853, 11.087, 2.376
xyY	0.583, 0.343, 11.087
CIE-LCH	39.726, 65.248, 38.026
CIE-LUV	39.726, 100.373, 26.13
Hunter-Lab	33.297, 42.799, 19.078
Binary	10101111, 00101101, 00011110

#af2d1e
```
#af2d1e rgb(175,45,30)
```
#1ea0af
```
#1ea0af rgb(30,160,175)
```

Complementary Color

#af1e57
```
#af1e57 rgb(175,30,87)
```
#af2d1e
```
#af2d1e rgb(175,45,30)
```
#af761e
```
#af761e rgb(175,118,30)
```

Analogous Color

#1e58af
```
#1e58af rgb(30,88,175)
```
#af2d1e
```
#af2d1e rgb(175,45,30)
```
#1eaf76
```
#1eaf76 rgb(30,175,118)
```

Split Complementary Color

#2d1eaf
```
#2d1eaf rgb(45,30,175)
```
#af2d1e
```
#af2d1e rgb(175,45,30)
```
#1eaf2d
```
#1eaf2d rgb(30,175,45)
```

Triadic Color

#af1ea0
```
#af1ea0 rgb(175,30,160)
```
#af2d1e
```
#af2d1e rgb(175,45,30)
```
#1eaf2d
```
#1eaf2d rgb(30,175,45)
```
#1ea0af
```
#1ea0af rgb(30,160,175)
```

Tetradic Color

#6e1c13
```
#6e1c13 rgb(110,28,19)
```
#832217
```
#832217 rgb(131,34,23)
```
#99271a
```
#99271a rgb(153,39,26)
```
#af2d1e
```
#af2d1e rgb(175,45,30)
```
#c53322
```
#c53322 rgb(197,51,34)
```
#da3926
```
#da3926 rgb(218,57,38)
```
#de4d3c
```
#de4d3c rgb(222,77,60)
```

Monochromatic Color

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

#af1e33
```
#af1e33 rgb(175,30,51)
```
#af1e27
```
#af1e27 rgb(175,30,39)
```
#af211e
```
#af211e rgb(175,33,30)
```
#af2d1e
```
#af2d1e rgb(175,45,30)
```
#af391e
```
#af391e rgb(175,57,30)
```
#af451e
```
#af451e rgb(175,69,30)
```
#af511e
```
#af511e rgb(175,81,30)
```

Similar Colors

Text with hexadecimal color #af2d1e

This text has a font color of #af2d1e.

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

#af2d1e background color

This paragraph has a background color of #af2d1e.

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

#af2d1e border color

This element has a border color of #af2d1e.

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

CSS codes

.text {color:#af2d1e;}

.background {background-color:#af2d1e;}

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

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

#080201
```
#080201 rgb(8,2,1)
```
#180604
```
#180604 rgb(24,6,4)
```
#290b07
```
#290b07 rgb(41,11,7)
```
#3a0f0a
```
#3a0f0a rgb(58,15,10)
```
#4b130d
```
#4b130d rgb(75,19,13)
```
#5b1710
```
#5b1710 rgb(91,23,16)
```
#6c1c13
```
#6c1c13 rgb(108,28,19)
```
#7d2015
```
#7d2015 rgb(125,32,21)
```
#8e2418
```
#8e2418 rgb(142,36,24)
```
#9e291b
```
#9e291b rgb(158,41,27)
```
#af2d1e
```
#af2d1e rgb(175,45,30)
```
#c03121
```
#c03121 rgb(192,49,33)
```
#d03624
```
#d03624 rgb(208,54,36)
```

Shade Color Variation

#db3f2d
```
#db3f2d rgb(219,63,45)
```
#de4e3e
```
#de4e3e rgb(222,78,62)
```
#e15d4e
```
#e15d4e rgb(225,93,78)
```
#e46d5f
```
#e46d5f rgb(228,109,95)
```
#e67c70
```
#e67c70 rgb(230,124,112)
```
#e98b81
```
#e98b81 rgb(233,139,129)
```
#ec9b91
```
#ec9b91 rgb(236,155,145)
```
#efaaa2
```
#efaaa2 rgb(239,170,162)
```
#f2b9b3
```
#f2b9b3 rgb(242,185,179)
```
#f5c9c4
```
#f5c9c4 rgb(245,201,196)
```
#f8d8d4
```
#f8d8d4 rgb(248,216,212)
```
#fbe7e5
```
#fbe7e5 rgb(251,231,229)
```
#fdf7f6
```
#fdf7f6 rgb(253,247,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 #c71a06 is the most saturated one.

#686565
```
#686565 rgb(104,101,101)
```
#705f5d
```
#705f5d rgb(112,95,93)
```
#785955
```
#785955 rgb(120,89,85)
```
#80534d
```
#80534d rgb(128,83,77)
```
#884c45
```
#884c45 rgb(136,76,69)
```
#8f463e
```
#8f463e rgb(143,70,62)
```
#974036
```
#974036 rgb(151,64,54)
```
#9f3a2e
```
#9f3a2e rgb(159,58,46)
```
#a73326
```
#a73326 rgb(167,51,38)
```
#af2d1e
```
#af2d1e rgb(175,45,30)
```
#b72716
```
#b72716 rgb(183,39,22)
```
#bf200e
```
#bf200e rgb(191,32,14)
```
#c71a06
```
#c71a06 rgb(199,26,6)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#654b48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#706635 Protanopia 1% of men
#7e611d Deuteranopia 1% of men
#b33638 Tritanopia 0.001% of the population

Trichromacy

#87512d Protanomaly 1% of men, 0.01% of women
#904e1d Deuteranomaly 6% of men, 0.4% of women
#b1322e Tritanomaly 0.01% of the population

#af2d1e hex color

#af2d1e Color Information

#af2d1e Color Conversion

Color Schemes with #af2d1e

Alternatives to #af2d1e

#af2d1e Preview

Shades and Tints of #af2d1e

Tones of #af2d1e

Color Blindness Simulator