colorhexa.com

#af6b1d hex color

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

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

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

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

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

CIE-LAB	51.519, 21.266, 51.347
XYZ	23.159, 19.72, 3.749
xyY	0.497, 0.423, 19.72
CIE-LCH	51.519, 55.576, 67.503
CIE-LUV	51.519, 55.392, 46.31
Hunter-Lab	44.407, 15.38, 26.079
Binary	10101111, 01101011, 00011101

#af6b1d
```
#af6b1d rgb(175,107,29)
```
#1d61af
```
#1d61af rgb(29,97,175)
```

Complementary Color

#af221d
```
#af221d rgb(175,34,29)
```
#af6b1d
```
#af6b1d rgb(175,107,29)
```
#aaaf1d
```
#aaaf1d rgb(170,175,29)
```

Analogous Color

#221daf
```
#221daf rgb(34,29,175)
```
#af6b1d
```
#af6b1d rgb(175,107,29)
```
#1daaaf
```
#1daaaf rgb(29,170,175)
```

Split Complementary Color

#6b1daf
```
#6b1daf rgb(107,29,175)
```
#af6b1d
```
#af6b1d rgb(175,107,29)
```
#1daf6b
```
#1daf6b rgb(29,175,107)
```

Triadic Color

#af1d61
```
#af1d61 rgb(175,29,97)
```
#af6b1d
```
#af6b1d rgb(175,107,29)
```
#1daf6b
```
#1daf6b rgb(29,175,107)
```
#1d61af
```
#1d61af rgb(29,97,175)
```

Tetradic Color

#6d4312
```
#6d4312 rgb(109,67,18)
```
#835016
```
#835016 rgb(131,80,22)
```
#995e19
```
#995e19 rgb(153,94,25)
```
#af6b1d
```
#af6b1d rgb(175,107,29)
```
#c57821
```
#c57821 rgb(197,120,33)
```
#db8624
```
#db8624 rgb(219,134,36)
```
#de923a
```
#de923a rgb(222,146,58)
```

Monochromatic Color

Below, you can see some colors close to #af6b1d. 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)
```
#af531d
```
#af531d rgb(175,83,29)
```
#af5f1d
```
#af5f1d rgb(175,95,29)
```
#af6b1d
```
#af6b1d rgb(175,107,29)
```
#af771d
```
#af771d rgb(175,119,29)
```
#af831d
```
#af831d rgb(175,131,29)
```
#af901d
```
#af901d rgb(175,144,29)
```

Similar Colors

Text with hexadecimal color #af6b1d

This text has a font color of #af6b1d.

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

#af6b1d background color

This paragraph has a background color of #af6b1d.

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

#af6b1d border color

This element has a border color of #af6b1d.

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

CSS codes

.text {color:#af6b1d;}

.background {background-color:#af6b1d;}

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

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)
```
#281907
```
#281907 rgb(40,25,7)
```
#392309
```
#392309 rgb(57,35,9)
```
#4a2d0c
```
#4a2d0c rgb(74,45,12)
```
#5b380f
```
#5b380f rgb(91,56,15)
```
#6c4212
```
#6c4212 rgb(108,66,18)
```
#7d4c15
```
#7d4c15 rgb(125,76,21)
```
#8d5617
```
#8d5617 rgb(141,86,23)
```
#9e611a
```
#9e611a rgb(158,97,26)
```
#af6b1d
```
#af6b1d rgb(175,107,29)
```
#c07520
```
#c07520 rgb(192,117,32)
```
#d18023
```
#d18023 rgb(209,128,35)
```

Shade Color Variation

#dc892b
```
#dc892b rgb(220,137,43)
```
#df933c
```
#df933c rgb(223,147,60)
```
#e19c4d
```
#e19c4d rgb(225,156,77)
```
#e4a55d
```
#e4a55d rgb(228,165,93)
```
#e7af6e
```
#e7af6e rgb(231,175,110)
```
#eab87f
```
#eab87f rgb(234,184,127)
```
#edc190
```
#edc190 rgb(237,193,144)
```
#efcba1
```
#efcba1 rgb(239,203,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 #c76d05 is the most saturated one.

#686664
```
#686664 rgb(104,102,100)
```
#70675c
```
#70675c rgb(112,103,92)
```
#786754
```
#786754 rgb(120,103,84)
```
#80684c
```
#80684c rgb(128,104,76)
```
#886844
```
#886844 rgb(136,104,68)
```
#90693c
```
#90693c rgb(144,105,60)
```
#976935
```
#976935 rgb(151,105,53)
```
#9f6a2d
```
#9f6a2d rgb(159,106,45)
```
#a76a25
```
#a76a25 rgb(167,106,37)
```
#af6b1d
```
#af6b1d rgb(175,107,29)
```
#b76c15
```
#b76c15 rgb(183,108,21)
```
#bf6c0d
```
#bf6c0d rgb(191,108,13)
```
#c76d05
```
#c76d05 rgb(199,109,5)
```

Tone Color Variation

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

#90812c Protanopia 1% of men
#a17b24 Deuteranopia 1% of men
#b76b72 Tritanopia 0.001% of the population

Trichromacy

#9b7926 Protanomaly 1% of men, 0.01% of women
#a67521 Deuteranomaly 6% of men, 0.4% of women
#b46b53 Tritanomaly 0.01% of the population