#af6a1d hex color

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

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

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

The hexadecimal color #af6a1d has RGB values of R:175, G:106, B:29 and CMYK values of C:0, M:0.39, Y:0.83, K:0.31. Its decimal value is 11495965.

Hex triplet	af6a1d	`#af6a1d`
RGB Decimal	175, 106, 29	`rgb(175,106,29)`
RGB Percent	68.6, 41.6, 11.4	`rgb(68.6%,41.6%,11.4%)`
CMYK	0, 39, 83, 31
HSL	31.6°, 71.6, 40	`hsl(31.6,71.6%,40%)`
HSV (or HSB)	31.6°, 83.4, 68.6
Web Safe	996633	`#996633`

CIE-LAB	51.282, 21.823, 51.138
XYZ	23.056, 19.513, 3.714
xyY	0.498, 0.422, 19.513
CIE-LCH	51.282, 55.6, 66.89
CIE-LUV	51.282, 56.189, 45.927
Hunter-Lab	44.173, 15.864, 25.935
Binary	10101111, 01101010, 00011101

#af6a1d
```
#af6a1d rgb(175,106,29)
```
#1d62af
```
#1d62af rgb(29,98,175)
```

Complementary Color

#af211d
```
#af211d rgb(175,33,29)
```
#af6a1d
```
#af6a1d rgb(175,106,29)
```
#abaf1d
```
#abaf1d rgb(171,175,29)
```

Analogous Color

#211daf
```
#211daf rgb(33,29,175)
```
#af6a1d
```
#af6a1d rgb(175,106,29)
```
#1dabaf
```
#1dabaf rgb(29,171,175)
```

Split Complementary Color

#6a1daf
```
#6a1daf rgb(106,29,175)
```
#af6a1d
```
#af6a1d rgb(175,106,29)
```
#1daf6a
```
#1daf6a rgb(29,175,106)
```

Triadic Color

#af1d62
```
#af1d62 rgb(175,29,98)
```
#af6a1d
```
#af6a1d rgb(175,106,29)
```
#1daf6a
```
#1daf6a rgb(29,175,106)
```
#1d62af
```
#1d62af rgb(29,98,175)
```

Tetradic Color

#6d4212
```
#6d4212 rgb(109,66,18)
```
#835016
```
#835016 rgb(131,80,22)
```
#995d19
```
#995d19 rgb(153,93,25)
```
#af6a1d
```
#af6a1d rgb(175,106,29)
```
#c57721
```
#c57721 rgb(197,119,33)
```
#db8524
```
#db8524 rgb(219,133,36)
```
#de913a
```
#de913a rgb(222,145,58)
```

Monochromatic Color

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

#af461d
```
#af461d rgb(175,70,29)
```
#af521d
```
#af521d rgb(175,82,29)
```
#af5e1d
```
#af5e1d rgb(175,94,29)
```
#af6a1d
```
#af6a1d rgb(175,106,29)
```
#af761d
```
#af761d rgb(175,118,29)
```
#af821d
```
#af821d rgb(175,130,29)
```
#af8f1d
```
#af8f1d rgb(175,143,29)
```

Similar Colors

Text with hexadecimal color #af6a1d

This text has a font color of #af6a1d.

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

#af6a1d background color

This paragraph has a background color of #af6a1d.

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

#af6a1d border color

This element has a border color of #af6a1d.

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

CSS codes

.text {color:#af6a1d;}

.background {background-color:#af6a1d;}

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

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

#070401
```
#070401 rgb(7,4,1)
```
#180e04
```
#180e04 rgb(24,14,4)
```
#281807
```
#281807 rgb(40,24,7)
```
#392309
```
#392309 rgb(57,35,9)
```
#4a2d0c
```
#4a2d0c rgb(74,45,12)
```
#5b370f
```
#5b370f rgb(91,55,15)
```
#6c4112
```
#6c4112 rgb(108,65,18)
```
#7d4b15
```
#7d4b15 rgb(125,75,21)
```
#8d5617
```
#8d5617 rgb(141,86,23)
```
#9e601a
```
#9e601a rgb(158,96,26)
```
#af6a1d
```
#af6a1d rgb(175,106,29)
```
#c07420
```
#c07420 rgb(192,116,32)
```
#d17e23
```
#d17e23 rgb(209,126,35)
```

Shade Color Variation

#dc882b
```
#dc882b rgb(220,136,43)
```
#df923c
```
#df923c rgb(223,146,60)
```
#e19b4d
```
#e19b4d rgb(225,155,77)
```
#e4a55d
```
#e4a55d rgb(228,165,93)
```
#e7ae6e
```
#e7ae6e rgb(231,174,110)
```
#eab77f
```
#eab77f rgb(234,183,127)
```
#edc190
```
#edc190 rgb(237,193,144)
```
#efcaa1
```
#efcaa1 rgb(239,202,161)
```
#f2d4b2
```
#f2d4b2 rgb(242,212,178)
```
#f5ddc2
```
#f5ddc2 rgb(245,221,194)
```
#f8e7d3
```
#f8e7d3 rgb(248,231,211)
```
#fbf0e4
```
#fbf0e4 rgb(251,240,228)
```
#fdf9f5
```
#fdf9f5 rgb(253,249,245)
```

Tint Color Variation

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

#686664
```
#686664 rgb(104,102,100)
```
#70675c
```
#70675c rgb(112,103,92)
```
#786754
```
#786754 rgb(120,103,84)
```
#80674c
```
#80674c rgb(128,103,76)
```
#886844
```
#886844 rgb(136,104,68)
```
#90683c
```
#90683c rgb(144,104,60)
```
#976935
```
#976935 rgb(151,105,53)
```
#9f692d
```
#9f692d rgb(159,105,45)
```
#a76a25
```
#a76a25 rgb(167,106,37)
```
#af6a1d
```
#af6a1d rgb(175,106,29)
```
#b76a15
```
#b76a15 rgb(183,106,21)
```
#bf6b0d
```
#bf6b0d rgb(191,107,13)
```
#c76b05
```
#c76b05 rgb(199,107,5)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#817464 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f812c Protanopia 1% of men
#a07a24 Deuteranopia 1% of men
#b76a71 Tritanopia 0.001% of the population

Trichromacy

#9b7827 Protanomaly 1% of men, 0.01% of women
#a57421 Deuteranomaly 6% of men, 0.4% of women
#b46a53 Tritanomaly 0.01% of the population

#af6a1d hex color

#af6a1d Color Information

#af6a1d Color Conversion

Color Schemes with #af6a1d

Alternatives to #af6a1d

#af6a1d Preview

Shades and Tints of #af6a1d

Tones of #af6a1d

Color Blindness Simulator