#af3a1d hex color

In a RGB color space, hex #af3a1d is composed of 68.6% red, 22.7% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.9% magenta, 83.4% yellow and 31.4% black. It has a hue angle of 11.9 degrees, a saturation of 71.6% and a lightness of 40%. #af3a1d color hex could be obtained by blending #ff743a with #5f0000. Closest websafe color is: #993333.

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

● #af3a1d color description : Dark red.

The hexadecimal color #af3a1d has RGB values of R:175, G:58, B:29 and CMYK values of C:0, M:0.67, Y:0.83, K:0.31. Its decimal value is 11483677.

Hex triplet	af3a1d	`#af3a1d`
RGB Decimal	175, 58, 29	`rgb(175,58,29)`
RGB Percent	68.6, 22.7, 11.4	`rgb(68.6%,22.7%,11.4%)`
CMYK	0, 67, 83, 31
HSL	11.9°, 71.6, 40	`hsl(11.9,71.6%,40%)`
HSV (or HSB)	11.9°, 83.4, 68.6
Web Safe	993333	`#993333`

CIE-LAB	41.581, 46.273, 42.426
XYZ	19.415, 12.231, 2.501
xyY	0.569, 0.358, 12.231
CIE-LCH	41.581, 62.779, 42.517
CIE-LUV	41.581, 92.594, 29.674
Hunter-Lab	34.973, 37.891, 20.241
Binary	10101111, 00111010, 00011101

#af3a1d
```
#af3a1d rgb(175,58,29)
```
#1d92af
```
#1d92af rgb(29,146,175)
```

Complementary Color

#af1d49
```
#af1d49 rgb(175,29,73)
```
#af3a1d
```
#af3a1d rgb(175,58,29)
```
#af831d
```
#af831d rgb(175,131,29)
```

Analogous Color

#1d49af
```
#1d49af rgb(29,73,175)
```
#af3a1d
```
#af3a1d rgb(175,58,29)
```
#1daf83
```
#1daf83 rgb(29,175,131)
```

Split Complementary Color

#3a1daf
```
#3a1daf rgb(58,29,175)
```
#af3a1d
```
#af3a1d rgb(175,58,29)
```
#1daf3a
```
#1daf3a rgb(29,175,58)
```

Triadic Color

#af1d92
```
#af1d92 rgb(175,29,146)
```
#af3a1d
```
#af3a1d rgb(175,58,29)
```
#1daf3a
```
#1daf3a rgb(29,175,58)
```
#1d92af
```
#1d92af rgb(29,146,175)
```

Tetradic Color

#6d2412
```
#6d2412 rgb(109,36,18)
```
#832c16
```
#832c16 rgb(131,44,22)
```
#993319
```
#993319 rgb(153,51,25)
```
#af3a1d
```
#af3a1d rgb(175,58,29)
```
#c54121
```
#c54121 rgb(197,65,33)
```
#db4924
```
#db4924 rgb(219,73,36)
```
#de5b3a
```
#de5b3a rgb(222,91,58)
```

Monochromatic Color

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

#af1d25
```
#af1d25 rgb(175,29,37)
```
#af221d
```
#af221d rgb(175,34,29)
```
#af2e1d
```
#af2e1d rgb(175,46,29)
```
#af3a1d
```
#af3a1d rgb(175,58,29)
```
#af461d
```
#af461d rgb(175,70,29)
```
#af521d
```
#af521d rgb(175,82,29)
```
#af5f1d
```
#af5f1d rgb(175,95,29)
```

Similar Colors

Text with hexadecimal color #af3a1d

This text has a font color of #af3a1d.

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

#af3a1d background color

This paragraph has a background color of #af3a1d.

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

#af3a1d border color

This element has a border color of #af3a1d.

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

CSS codes

.text {color:#af3a1d;}

.background {background-color:#af3a1d;}

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

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

#070201
```
#070201 rgb(7,2,1)
```
#180804
```
#180804 rgb(24,8,4)
```
#280d07
```
#280d07 rgb(40,13,7)
```
#391309
```
#391309 rgb(57,19,9)
```
#4a190c
```
#4a190c rgb(74,25,12)
```
#5b1e0f
```
#5b1e0f rgb(91,30,15)
```
#6c2412
```
#6c2412 rgb(108,36,18)
```
#7d2915
```
#7d2915 rgb(125,41,21)
```
#8d2f17
```
#8d2f17 rgb(141,47,23)
```
#9e341a
```
#9e341a rgb(158,52,26)
```
#af3a1d
```
#af3a1d rgb(175,58,29)
```
#c04020
```
#c04020 rgb(192,64,32)
```
#d14523
```
#d14523 rgb(209,69,35)
```

Shade Color Variation

#dc4e2b
```
#dc4e2b rgb(220,78,43)
```
#df5c3c
```
#df5c3c rgb(223,92,60)
```
#e16a4d
```
#e16a4d rgb(225,106,77)
```
#e4785d
```
#e4785d rgb(228,120,93)
```
#e7866e
```
#e7866e rgb(231,134,110)
```
#ea947f
```
#ea947f rgb(234,148,127)
```
#eda290
```
#eda290 rgb(237,162,144)
```
#efb0a1
```
#efb0a1 rgb(239,176,161)
```
#f2beb2
```
#f2beb2 rgb(242,190,178)
```
#f5ccc2
```
#f5ccc2 rgb(245,204,194)
```
#f8dbd3
```
#f8dbd3 rgb(248,219,211)
```
#fbe9e4
```
#fbe9e4 rgb(251,233,228)
```
#fdf7f5
```
#fdf7f5 rgb(253,247,245)
```

Tint Color Variation

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

#686564
```
#686564 rgb(104,101,100)
```
#70605c
```
#70605c rgb(112,96,92)
```
#785b54
```
#785b54 rgb(120,91,84)
```
#80564c
```
#80564c rgb(128,86,76)
```
#885244
```
#885244 rgb(136,82,68)
```
#904d3c
```
#904d3c rgb(144,77,60)
```
#974835
```
#974835 rgb(151,72,53)
```
#9f432d
```
#9f432d rgb(159,67,45)
```
#a73f25
```
#a73f25 rgb(167,63,37)
```
#af3a1d
```
#af3a1d rgb(175,58,29)
```
#b73515
```
#b73515 rgb(183,53,21)
```
#bf310d
```
#bf310d rgb(191,49,13)
```
#c72c05
```
#c72c05 rgb(199,44,5)
```

Tone Color Variation

Below, you can see how #af3a1d 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
#6b544e Atypical Achromatopsia 0.001% of the population

Dichromacy

#756a32 Protanopia 1% of men
#84651d Deuteranopia 1% of men
#b44144 Tritanopia 0.001% of the population

Trichromacy

#8a582a Protanomaly 1% of men, 0.01% of women
#93551d Deuteranomaly 6% of men, 0.4% of women
#b23e36 Tritanomaly 0.01% of the population

#af3a1d hex color

#af3a1d Color Information

#af3a1d Color Conversion

Color Schemes with #af3a1d

Alternatives to #af3a1d

#af3a1d Preview

Shades and Tints of #af3a1d

Tones of #af3a1d

Color Blindness Simulator