#af671e hex color

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

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

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

The hexadecimal color #af671e has RGB values of R:175, G:103, B:30 and CMYK values of C:0, M:0.41, Y:0.83, K:0.31. Its decimal value is 11495198.

Hex triplet	af671e	`#af671e`
RGB Decimal	175, 103, 30	`rgb(175,103,30)`
RGB Percent	68.6, 40.4, 11.8	`rgb(68.6%,40.4%,11.8%)`
CMYK	0, 41, 83, 31
HSL	30.2°, 70.7, 40.2	`hsl(30.2,70.7%,40.2%)`
HSV (or HSB)	30.2°, 82.9, 68.6
Web Safe	996633	`#996633`

CIE-LAB	50.582, 23.52, 50.136
XYZ	22.764, 18.91, 3.679
xyY	0.502, 0.417, 18.91
CIE-LCH	50.582, 55.379, 64.867
CIE-LUV	50.582, 58.523, 44.566
Hunter-Lab	43.486, 17.344, 25.423
Binary	10101111, 01100111, 00011110

#af671e
```
#af671e rgb(175,103,30)
```
#1e66af
```
#1e66af rgb(30,102,175)
```

Complementary Color

#af1e1e
```
#af1e1e rgb(175,30,30)
```
#af671e
```
#af671e rgb(175,103,30)
```
#afaf1e
```
#afaf1e rgb(175,175,30)
```

Analogous Color

#1f1eaf
```
#1f1eaf rgb(31,30,175)
```
#af671e
```
#af671e rgb(175,103,30)
```
#1eafaf
```
#1eafaf rgb(30,175,175)
```

Split Complementary Color

#671eaf
```
#671eaf rgb(103,30,175)
```
#af671e
```
#af671e rgb(175,103,30)
```
#1eaf67
```
#1eaf67 rgb(30,175,103)
```

Triadic Color

#af1e66
```
#af1e66 rgb(175,30,102)
```
#af671e
```
#af671e rgb(175,103,30)
```
#1eaf67
```
#1eaf67 rgb(30,175,103)
```
#1e66af
```
#1e66af rgb(30,102,175)
```

Tetradic Color

#6e4113
```
#6e4113 rgb(110,65,19)
```
#834d17
```
#834d17 rgb(131,77,23)
```
#995a1a
```
#995a1a rgb(153,90,26)
```
#af671e
```
#af671e rgb(175,103,30)
```
#c57422
```
#c57422 rgb(197,116,34)
```
#da8126
```
#da8126 rgb(218,129,38)
```
#de8d3c
```
#de8d3c rgb(222,141,60)
```

Monochromatic Color

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

#af431e
```
#af431e rgb(175,67,30)
```
#af4f1e
```
#af4f1e rgb(175,79,30)
```
#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)
```

Similar Colors

Text with hexadecimal color #af671e

This text has a font color of #af671e.

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

#af671e background color

This paragraph has a background color of #af671e.

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

#af671e border color

This element has a border color of #af671e.

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

CSS codes

.text {color:#af671e;}

.background {background-color:#af671e;}

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

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

#080401
```
#080401 rgb(8,4,1)
```
#180e04
```
#180e04 rgb(24,14,4)
```
#291807
```
#291807 rgb(41,24,7)
```
#3a220a
```
#3a220a rgb(58,34,10)
```
#4b2c0d
```
#4b2c0d rgb(75,44,13)
```
#5b3610
```
#5b3610 rgb(91,54,16)
```
#6c4013
```
#6c4013 rgb(108,64,19)
```
#7d4915
```
#7d4915 rgb(125,73,21)
```
#8e5318
```
#8e5318 rgb(142,83,24)
```
#9e5d1b
```
#9e5d1b rgb(158,93,27)
```
#af671e
```
#af671e rgb(175,103,30)
```
#c07121
```
#c07121 rgb(192,113,33)
```
#d07b24
```
#d07b24 rgb(208,123,36)
```

Shade Color Variation

#db852d
```
#db852d rgb(219,133,45)
```
#de8e3e
```
#de8e3e rgb(222,142,62)
```
#e1984e
```
#e1984e rgb(225,152,78)
```
#e4a25f
```
#e4a25f rgb(228,162,95)
```
#e6ac70
```
#e6ac70 rgb(230,172,112)
```
#e9b581
```
#e9b581 rgb(233,181,129)
```
#ecbf91
```
#ecbf91 rgb(236,191,145)
```
#efc9a2
```
#efc9a2 rgb(239,201,162)
```
#f2d3b3
```
#f2d3b3 rgb(242,211,179)
```
#f5dcc4
```
#f5dcc4 rgb(245,220,196)
```
#f8e6d4
```
#f8e6d4 rgb(248,230,212)
```
#fbf0e5
```
#fbf0e5 rgb(251,240,229)
```
#fdfaf6
```
#fdfaf6 rgb(253,250,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 #c76706 is the most saturated one.

#686765
```
#686765 rgb(104,103,101)
```
#70675d
```
#70675d rgb(112,103,93)
```
#786755
```
#786755 rgb(120,103,85)
```
#80674d
```
#80674d rgb(128,103,77)
```
#886745
```
#886745 rgb(136,103,69)
```
#8f673e
```
#8f673e rgb(143,103,62)
```
#976736
```
#976736 rgb(151,103,54)
```
#9f672e
```
#9f672e rgb(159,103,46)
```
#a76726
```
#a76726 rgb(167,103,38)
```
#af671e
```
#af671e rgb(175,103,30)
```
#b76716
```
#b76716 rgb(183,103,22)
```
#bf670e
```
#bf670e rgb(191,103,14)
```
#c76706
```
#c76706 rgb(199,103,6)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#807163 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d7f2e Protanopia 1% of men
#9e7924 Deuteranopia 1% of men
#b6686f Tritanopia 0.001% of the population

Trichromacy

#997628 Protanomaly 1% of men, 0.01% of women
#a47222 Deuteranomaly 6% of men, 0.4% of women
#b46751 Tritanomaly 0.01% of the population

#af671e hex color

#af671e Color Information

#af671e Color Conversion

Color Schemes with #af671e

Alternatives to #af671e

#af671e Preview

Shades and Tints of #af671e

Tones of #af671e

Color Blindness Simulator