#af4e1d hex color

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

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

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

The hexadecimal color #af4e1d has RGB values of R:175, G:78, B:29 and CMYK values of C:0, M:0.55, Y:0.83, K:0.31. Its decimal value is 11488797.

Hex triplet	af4e1d	`#af4e1d`
RGB Decimal	175, 78, 29	`rgb(175,78,29)`
RGB Percent	68.6, 30.6, 11.4	`rgb(68.6%,30.6%,11.4%)`
CMYK	0, 55, 83, 31
HSL	20.1°, 71.6, 40	`hsl(20.1,71.6%,40%)`
HSV (or HSB)	20.1°, 83.4, 68.6
Web Safe	996633	`#996633`

CIE-LAB	45.156, 36.864, 45.682
XYZ	20.626, 14.654, 2.905
xyY	0.54, 0.384, 14.654
CIE-LCH	45.156, 58.701, 51.098
CIE-LUV	45.156, 78.259, 35.812
Hunter-Lab	38.28, 29.19, 22.297
Binary	10101111, 01001110, 00011101

#af4e1d
```
#af4e1d rgb(175,78,29)
```
#1d7eaf
```
#1d7eaf rgb(29,126,175)
```

Complementary Color

#af1d35
```
#af1d35 rgb(175,29,53)
```
#af4e1d
```
#af4e1d rgb(175,78,29)
```
#af971d
```
#af971d rgb(175,151,29)
```

Analogous Color

#1d35af
```
#1d35af rgb(29,53,175)
```
#af4e1d
```
#af4e1d rgb(175,78,29)
```
#1daf97
```
#1daf97 rgb(29,175,151)
```

Split Complementary Color

#4e1daf
```
#4e1daf rgb(78,29,175)
```
#af4e1d
```
#af4e1d rgb(175,78,29)
```
#1daf4e
```
#1daf4e rgb(29,175,78)
```

Triadic Color

#af1d7e
```
#af1d7e rgb(175,29,126)
```
#af4e1d
```
#af4e1d rgb(175,78,29)
```
#1daf4e
```
#1daf4e rgb(29,175,78)
```
#1d7eaf
```
#1d7eaf rgb(29,126,175)
```

Tetradic Color

#6d3112
```
#6d3112 rgb(109,49,18)
```
#833b16
```
#833b16 rgb(131,59,22)
```
#994419
```
#994419 rgb(153,68,25)
```
#af4e1d
```
#af4e1d rgb(175,78,29)
```
#c55821
```
#c55821 rgb(197,88,33)
```
#db6124
```
#db6124 rgb(219,97,36)
```
#de713a
```
#de713a rgb(222,113,58)
```

Monochromatic Color

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

#af2a1d
```
#af2a1d rgb(175,42,29)
```
#af361d
```
#af361d rgb(175,54,29)
```
#af421d
```
#af421d rgb(175,66,29)
```
#af4e1d
```
#af4e1d rgb(175,78,29)
```
#af5a1d
```
#af5a1d rgb(175,90,29)
```
#af661d
```
#af661d rgb(175,102,29)
```
#af731d
```
#af731d rgb(175,115,29)
```

Similar Colors

Text with hexadecimal color #af4e1d

This text has a font color of #af4e1d.

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

#af4e1d background color

This paragraph has a background color of #af4e1d.

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

#af4e1d border color

This element has a border color of #af4e1d.

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

CSS codes

.text {color:#af4e1d;}

.background {background-color:#af4e1d;}

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

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)
```
#180b04
```
#180b04 rgb(24,11,4)
```
#281207
```
#281207 rgb(40,18,7)
```
#391a09
```
#391a09 rgb(57,26,9)
```
#4a210c
```
#4a210c rgb(74,33,12)
```
#5b290f
```
#5b290f rgb(91,41,15)
```
#6c3012
```
#6c3012 rgb(108,48,18)
```
#7d3815
```
#7d3815 rgb(125,56,21)
```
#8d3f17
```
#8d3f17 rgb(141,63,23)
```
#9e461a
```
#9e461a rgb(158,70,26)
```
#af4e1d
```
#af4e1d rgb(175,78,29)
```
#c05520
```
#c05520 rgb(192,85,32)
```
#d15d23
```
#d15d23 rgb(209,93,35)
```

Shade Color Variation

#dc662b
```
#dc662b rgb(220,102,43)
```
#df723c
```
#df723c rgb(223,114,60)
```
#e17f4d
```
#e17f4d rgb(225,127,77)
```
#e48b5d
```
#e48b5d rgb(228,139,93)
```
#e7976e
```
#e7976e rgb(231,151,110)
```
#eaa37f
```
#eaa37f rgb(234,163,127)
```
#edaf90
```
#edaf90 rgb(237,175,144)
```
#efbba1
```
#efbba1 rgb(239,187,161)
```
#f2c7b2
```
#f2c7b2 rgb(242,199,178)
```
#f5d3c2
```
#f5d3c2 rgb(245,211,194)
```
#f8e0d3
```
#f8e0d3 rgb(248,224,211)
```
#fbece4
```
#fbece4 rgb(251,236,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 #c74605 is the most saturated one.

#686564
```
#686564 rgb(104,101,100)
```
#70635c
```
#70635c rgb(112,99,92)
```
#786054
```
#786054 rgb(120,96,84)
```
#805d4c
```
#805d4c rgb(128,93,76)
```
#885b44
```
#885b44 rgb(136,91,68)
```
#90583c
```
#90583c rgb(144,88,60)
```
#975635
```
#975635 rgb(151,86,53)
```
#9f532d
```
#9f532d rgb(159,83,45)
```
#a75125
```
#a75125 rgb(167,81,37)
```
#af4e1d
```
#af4e1d rgb(175,78,29)
```
#b74b15
```
#b74b15 rgb(183,75,21)
```
#bf490d
```
#bf490d rgb(191,73,13)
```
#c74605
```
#c74605 rgb(199,70,5)
```

Tone Color Variation

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

#7f722f Protanopia 1% of men
#8e6d1f Deuteranopia 1% of men
#b55257 Tritanopia 0.001% of the population

Trichromacy

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

#af4e1d hex color

#af4e1d Color Information

#af4e1d Color Conversion

Color Schemes with #af4e1d

Alternatives to #af4e1d

#af4e1d Preview

Shades and Tints of #af4e1d

Tones of #af4e1d

Color Blindness Simulator