#af4d1d hex color

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

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

● #af4d1d color description : Dark orange [Brown tone].

The hexadecimal color #af4d1d has RGB values of R:175, G:77, B:29 and CMYK values of C:0, M:0.56, Y:0.83, K:0.31. Its decimal value is 11488541.

Hex triplet	af4d1d	`#af4d1d`
RGB Decimal	175, 77, 29	`rgb(175,77,29)`
RGB Percent	68.6, 30.2, 11.4	`rgb(68.6%,30.2%,11.4%)`
CMYK	0, 56, 83, 31
HSL	19.7°, 71.6, 40	`hsl(19.7,71.6%,40%)`
HSV (or HSB)	19.7°, 83.4, 68.6
Web Safe	996633	`#996633`

CIE-LAB	44.959, 37.369, 45.504
XYZ	20.556, 14.512, 2.881
xyY	0.542, 0.382, 14.512
CIE-LCH	44.959, 58.882, 50.606
CIE-LUV	44.959, 79.019, 35.479
Hunter-Lab	38.095, 29.649, 22.183
Binary	10101111, 01001101, 00011101

#af4d1d
```
#af4d1d rgb(175,77,29)
```
#1d7faf
```
#1d7faf rgb(29,127,175)
```

Complementary Color

#af1d36
```
#af1d36 rgb(175,29,54)
```
#af4d1d
```
#af4d1d rgb(175,77,29)
```
#af961d
```
#af961d rgb(175,150,29)
```

Analogous Color

#1d36af
```
#1d36af rgb(29,54,175)
```
#af4d1d
```
#af4d1d rgb(175,77,29)
```
#1daf96
```
#1daf96 rgb(29,175,150)
```

Split Complementary Color

#4d1daf
```
#4d1daf rgb(77,29,175)
```
#af4d1d
```
#af4d1d rgb(175,77,29)
```
#1daf4d
```
#1daf4d rgb(29,175,77)
```

Triadic Color

#af1d7f
```
#af1d7f rgb(175,29,127)
```
#af4d1d
```
#af4d1d rgb(175,77,29)
```
#1daf4d
```
#1daf4d rgb(29,175,77)
```
#1d7faf
```
#1d7faf rgb(29,127,175)
```

Tetradic Color

#6d3012
```
#6d3012 rgb(109,48,18)
```
#833a16
```
#833a16 rgb(131,58,22)
```
#994319
```
#994319 rgb(153,67,25)
```
#af4d1d
```
#af4d1d rgb(175,77,29)
```
#c55721
```
#c55721 rgb(197,87,33)
```
#db6024
```
#db6024 rgb(219,96,36)
```
#de703a
```
#de703a rgb(222,112,58)
```

Monochromatic Color

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

#af291d
```
#af291d rgb(175,41,29)
```
#af351d
```
#af351d rgb(175,53,29)
```
#af411d
```
#af411d rgb(175,65,29)
```
#af4d1d
```
#af4d1d rgb(175,77,29)
```
#af591d
```
#af591d rgb(175,89,29)
```
#af651d
```
#af651d rgb(175,101,29)
```
#af721d
```
#af721d rgb(175,114,29)
```

Similar Colors

Text with hexadecimal color #af4d1d

This text has a font color of #af4d1d.

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

#af4d1d background color

This paragraph has a background color of #af4d1d.

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

#af4d1d border color

This element has a border color of #af4d1d.

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

CSS codes

.text {color:#af4d1d;}

.background {background-color:#af4d1d;}

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

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

#070301
```
#070301 rgb(7,3,1)
```
#180a04
```
#180a04 rgb(24,10,4)
```
#281207
```
#281207 rgb(40,18,7)
```
#391909
```
#391909 rgb(57,25,9)
```
#4a210c
```
#4a210c rgb(74,33,12)
```
#5b280f
```
#5b280f rgb(91,40,15)
```
#6c2f12
```
#6c2f12 rgb(108,47,18)
```
#7d3715
```
#7d3715 rgb(125,55,21)
```
#8d3e17
```
#8d3e17 rgb(141,62,23)
```
#9e461a
```
#9e461a rgb(158,70,26)
```
#af4d1d
```
#af4d1d rgb(175,77,29)
```
#c05420
```
#c05420 rgb(192,84,32)
```
#d15c23
```
#d15c23 rgb(209,92,35)
```

Shade Color Variation

#dc652b
```
#dc652b rgb(220,101,43)
```
#df713c
```
#df713c rgb(223,113,60)
```
#e17e4d
```
#e17e4d rgb(225,126,77)
```
#e48a5d
```
#e48a5d rgb(228,138,93)
```
#e7966e
```
#e7966e rgb(231,150,110)
```
#eaa27f
```
#eaa27f rgb(234,162,127)
```
#edae90
```
#edae90 rgb(237,174,144)
```
#efbba1
```
#efbba1 rgb(239,187,161)
```
#f2c7b2
```
#f2c7b2 rgb(242,199,178)
```
#f5d3c2
```
#f5d3c2 rgb(245,211,194)
```
#f8dfd3
```
#f8dfd3 rgb(248,223,211)
```
#fbebe4
```
#fbebe4 rgb(251,235,228)
```
#fdf8f5
```
#fdf8f5 rgb(253,248,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 #c74505 is the most saturated one.

#686564
```
#686564 rgb(104,101,100)
```
#70625c
```
#70625c rgb(112,98,92)
```
#786054
```
#786054 rgb(120,96,84)
```
#805d4c
```
#805d4c rgb(128,93,76)
```
#885a44
```
#885a44 rgb(136,90,68)
```
#90583c
```
#90583c rgb(144,88,60)
```
#975535
```
#975535 rgb(151,85,53)
```
#9f522d
```
#9f522d rgb(159,82,45)
```
#a75025
```
#a75025 rgb(167,80,37)
```
#af4d1d
```
#af4d1d rgb(175,77,29)
```
#b74a15
```
#b74a15 rgb(183,74,21)
```
#bf480d
```
#bf480d rgb(191,72,13)
```
#c74505
```
#c74505 rgb(199,69,5)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#746057 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7230 Protanopia 1% of men
#8e6c1f Deuteranopia 1% of men
#b55156 Tritanopia 0.001% of the population

Trichromacy

#906429 Protanomaly 1% of men, 0.01% of women
#9a611e Deuteranomaly 6% of men, 0.4% of women
#b24f41 Tritanomaly 0.01% of the population

#af4d1d hex color

#af4d1d Color Information

#af4d1d Color Conversion

Color Schemes with #af4d1d

Alternatives to #af4d1d

#af4d1d Preview

Shades and Tints of #af4d1d

Tones of #af4d1d

Color Blindness Simulator