#af7f1e hex color

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

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

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

The hexadecimal color #af7f1e has RGB values of R:175, G:127, B:30 and CMYK values of C:0, M:0.27, Y:0.83, K:0.31. Its decimal value is 11501342.

Hex triplet	af7f1e	`#af7f1e`
RGB Decimal	175, 127, 30	`rgb(175,127,30)`
RGB Percent	68.6, 49.8, 11.8	`rgb(68.6%,49.8%,11.8%)`
CMYK	0, 27, 83, 31
HSL	40.1°, 70.7, 40.2	`hsl(40.1,70.7%,40.2%)`
HSV (or HSB)	40.1°, 82.9, 68.6
Web Safe	996633	`#996633`

CIE-LAB	56.474, 10.107, 55.337
XYZ	25.503, 24.388, 4.592
xyY	0.468, 0.448, 24.388
CIE-LCH	56.474, 56.253, 79.649
CIE-LUV	56.474, 39.633, 53.95
Hunter-Lab	49.384, 5.761, 29.055
Binary	10101111, 01111111, 00011110

#af7f1e
```
#af7f1e rgb(175,127,30)
```
#1e4eaf
```
#1e4eaf rgb(30,78,175)
```

Complementary Color

#af371e
```
#af371e rgb(175,55,30)
```
#af7f1e
```
#af7f1e rgb(175,127,30)
```
#97af1e
```
#97af1e rgb(151,175,30)
```

Analogous Color

#361eaf
```
#361eaf rgb(54,30,175)
```
#af7f1e
```
#af7f1e rgb(175,127,30)
```
#1e97af
```
#1e97af rgb(30,151,175)
```

Split Complementary Color

#7f1eaf
```
#7f1eaf rgb(127,30,175)
```
#af7f1e
```
#af7f1e rgb(175,127,30)
```
#1eaf7f
```
#1eaf7f rgb(30,175,127)
```

Triadic Color

#af1e4e
```
#af1e4e rgb(175,30,78)
```
#af7f1e
```
#af7f1e rgb(175,127,30)
```
#1eaf7f
```
#1eaf7f rgb(30,175,127)
```
#1e4eaf
```
#1e4eaf rgb(30,78,175)
```

Tetradic Color

#6e5013
```
#6e5013 rgb(110,80,19)
```
#835f17
```
#835f17 rgb(131,95,23)
```
#996f1a
```
#996f1a rgb(153,111,26)
```
#af7f1e
```
#af7f1e rgb(175,127,30)
```
#c58f22
```
#c58f22 rgb(197,143,34)
```
#da9e26
```
#da9e26 rgb(218,158,38)
```
#dea83c
```
#dea83c rgb(222,168,60)
```

Monochromatic Color

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

#af5b1e
```
#af5b1e rgb(175,91,30)
```
#af671e
```
#af671e rgb(175,103,30)
```
#af731e
```
#af731e rgb(175,115,30)
```
#af7f1e
```
#af7f1e rgb(175,127,30)
```
#af8b1e
```
#af8b1e rgb(175,139,30)
```
#af971e
```
#af971e rgb(175,151,30)
```
#afa31e
```
#afa31e rgb(175,163,30)
```

Similar Colors

Text with hexadecimal color #af7f1e

This text has a font color of #af7f1e.

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

#af7f1e background color

This paragraph has a background color of #af7f1e.

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

#af7f1e border color

This element has a border color of #af7f1e.

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

CSS codes

.text {color:#af7f1e;}

.background {background-color:#af7f1e;}

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

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

#080501
```
#080501 rgb(8,5,1)
```
#181204
```
#181204 rgb(24,18,4)
```
#291e07
```
#291e07 rgb(41,30,7)
```
#3a2a0a
```
#3a2a0a rgb(58,42,10)
```
#4b360d
```
#4b360d rgb(75,54,13)
```
#5b4210
```
#5b4210 rgb(91,66,16)
```
#6c4e13
```
#6c4e13 rgb(108,78,19)
```
#7d5b15
```
#7d5b15 rgb(125,91,21)
```
#8e6718
```
#8e6718 rgb(142,103,24)
```
#9e731b
```
#9e731b rgb(158,115,27)
```
#af7f1e
```
#af7f1e rgb(175,127,30)
```
#c08b21
```
#c08b21 rgb(192,139,33)
```
#d09724
```
#d09724 rgb(208,151,36)
```

Shade Color Variation

#dba12d
```
#dba12d rgb(219,161,45)
```
#dea93e
```
#dea93e rgb(222,169,62)
```
#e1b04e
```
#e1b04e rgb(225,176,78)
```
#e4b85f
```
#e4b85f rgb(228,184,95)
```
#e6bf70
```
#e6bf70 rgb(230,191,112)
```
#e9c781
```
#e9c781 rgb(233,199,129)
```
#ecce91
```
#ecce91 rgb(236,206,145)
```
#efd6a2
```
#efd6a2 rgb(239,214,162)
```
#f2ddb3
```
#f2ddb3 rgb(242,221,179)
```
#f5e5c4
```
#f5e5c4 rgb(245,229,196)
```
#f8ecd4
```
#f8ecd4 rgb(248,236,212)
```
#fbf3e5
```
#fbf3e5 rgb(251,243,229)
```
#fdfbf6
```
#fdfbf6 rgb(253,251,246)
```

Tint Color Variation

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

#686765
```
#686765 rgb(104,103,101)
```
#706a5d
```
#706a5d rgb(112,106,93)
```
#786c55
```
#786c55 rgb(120,108,85)
```
#806f4d
```
#806f4d rgb(128,111,77)
```
#887245
```
#887245 rgb(136,114,69)
```
#8f743e
```
#8f743e rgb(143,116,62)
```
#977736
```
#977736 rgb(151,119,54)
```
#9f7a2e
```
#9f7a2e rgb(159,122,46)
```
#a77c26
```
#a77c26 rgb(167,124,38)
```
#af7f1e
```
#af7f1e rgb(175,127,30)
```
#b78216
```
#b78216 rgb(183,130,22)
```
#bf840e
```
#bf840e rgb(191,132,14)
```
#c78706
```
#c78706 rgb(199,135,6)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#8b816e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8d2b Protanopia 1% of men
#b08629 Deuteranopia 1% of men
#b97d85 Tritanopia 0.001% of the population

Trichromacy

#a48826 Protanomaly 1% of men, 0.01% of women
#af8425 Deuteranomaly 6% of men, 0.4% of women
#b57d60 Tritanomaly 0.01% of the population

#af7f1e hex color

#af7f1e Color Information

#af7f1e Color Conversion

Color Schemes with #af7f1e

Alternatives to #af7f1e

#af7f1e Preview

Shades and Tints of #af7f1e

Tones of #af7f1e

Color Blindness Simulator