#af6a3e hex color

In a RGB color space, hex #af6a3e is composed of 68.6% red, 41.6% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.4% magenta, 64.6% yellow and 31.4% black. It has a hue angle of 23.4 degrees, a saturation of 47.7% and a lightness of 46.5%. #af6a3e color hex could be obtained by blending #ffd47c with #5f0000. Closest websafe color is: #996633.

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

● #af6a3e color description : Dark moderate orange.

The hexadecimal color #af6a3e has RGB values of R:175, G:106, B:62 and CMYK values of C:0, M:0.39, Y:0.65, K:0.31. Its decimal value is 11495998.

Hex triplet	af6a3e	`#af6a3e`
RGB Decimal	175, 106, 62	`rgb(175,106,62)`
RGB Percent	68.6, 41.6, 24.3	`rgb(68.6%,41.6%,24.3%)`
CMYK	0, 39, 65, 31
HSL	23.4°, 47.7, 46.5	`hsl(23.4,47.7%,46.5%)`
HSV (or HSB)	23.4°, 64.6, 68.6
Web Safe	996633	`#996633`

CIE-LAB	51.578, 23.438, 35.919
XYZ	23.703, 19.772, 7.125
xyY	0.468, 0.391, 19.772
CIE-LCH	51.578, 42.889, 56.875
CIE-LUV	51.578, 53.422, 35.2
Hunter-Lab	44.465, 17.34, 21.625
Binary	10101111, 01101010, 00111110

#af6a3e
```
#af6a3e rgb(175,106,62)
```
#3e83af
```
#3e83af rgb(62,131,175)
```

Complementary Color

#af3e4a
```
#af3e4a rgb(175,62,74)
```
#af6a3e
```
#af6a3e rgb(175,106,62)
```
#afa33e
```
#afa33e rgb(175,163,62)
```

Analogous Color

#3e4aaf
```
#3e4aaf rgb(62,74,175)
```
#af6a3e
```
#af6a3e rgb(175,106,62)
```
#3eafa3
```
#3eafa3 rgb(62,175,163)
```

Split Complementary Color

#6a3eaf
```
#6a3eaf rgb(106,62,175)
```
#af6a3e
```
#af6a3e rgb(175,106,62)
```
#3eaf6a
```
#3eaf6a rgb(62,175,106)
```

Triadic Color

#af3e83
```
#af3e83 rgb(175,62,131)
```
#af6a3e
```
#af6a3e rgb(175,106,62)
```
#3eaf6a
```
#3eaf6a rgb(62,175,106)
```
#3e83af
```
#3e83af rgb(62,131,175)
```

Tetradic Color

#77482a
```
#77482a rgb(119,72,42)
```
#895331
```
#895331 rgb(137,83,49)
```
#9c5f37
```
#9c5f37 rgb(156,95,55)
```
#af6a3e
```
#af6a3e rgb(175,106,62)
```
#be7648
```
#be7648 rgb(190,118,72)
```
#c5845b
```
#c5845b rgb(197,132,91)
```
#cc926e
```
#cc926e rgb(204,146,110)
```

Monochromatic Color

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

#af4e3e
```
#af4e3e rgb(175,78,62)
```
#af573e
```
#af573e rgb(175,87,62)
```
#af613e
```
#af613e rgb(175,97,62)
```
#af6a3e
```
#af6a3e rgb(175,106,62)
```
#af733e
```
#af733e rgb(175,115,62)
```
#af7d3e
```
#af7d3e rgb(175,125,62)
```
#af863e
```
#af863e rgb(175,134,62)
```

Similar Colors

Text with hexadecimal color #af6a3e

This text has a font color of #af6a3e.

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

#af6a3e background color

This paragraph has a background color of #af6a3e.

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

#af6a3e border color

This element has a border color of #af6a3e.

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

CSS codes

.text {color:#af6a3e;}

.background {background-color:#af6a3e;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#100906
```
#100906 rgb(16,9,6)
```
#1e120b
```
#1e120b rgb(30,18,11)
```
#2d1b10
```
#2d1b10 rgb(45,27,16)
```
#3b2415
```
#3b2415 rgb(59,36,21)
```
#4a2d1a
```
#4a2d1a rgb(74,45,26)
```
#58351f
```
#58351f rgb(88,53,31)
```
#673e24
```
#673e24 rgb(103,62,36)
```
#754729
```
#754729 rgb(117,71,41)
```
#84502f
```
#84502f rgb(132,80,47)
```
#925834
```
#925834 rgb(146,88,52)
```
#a16139
```
#a16139 rgb(161,97,57)
```
#af6a3e
```
#af6a3e rgb(175,106,62)
```

Shade Color Variation

#bd7344
```
#bd7344 rgb(189,115,68)
```
#c27e52
```
#c27e52 rgb(194,126,82)
```
#c78961
```
#c78961 rgb(199,137,97)
```
#cc936f
```
#cc936f rgb(204,147,111)
```
#d19e7e
```
#d19e7e rgb(209,158,126)
```
#d6a98c
```
#d6a98c rgb(214,169,140)
```
#dcb49b
```
#dcb49b rgb(220,180,155)
```
#e1bfa9
```
#e1bfa9 rgb(225,191,169)
```
#e6cab8
```
#e6cab8 rgb(230,202,184)
```
#ebd5c6
```
#ebd5c6 rgb(235,213,198)
```
#f0dfd5
```
#f0dfd5 rgb(240,223,213)
```
#f5eae3
```
#f5eae3 rgb(245,234,227)
```
#faf5f2
```
#faf5f2 rgb(250,245,242)
```

Tint Color Variation

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

#787675
```
#787675 rgb(120,118,117)
```
#81746c
```
#81746c rgb(129,116,108)
```
#8b7262
```
#8b7262 rgb(139,114,98)
```
#947059
```
#947059 rgb(148,112,89)
```
#9d6e50
```
#9d6e50 rgb(157,110,80)
```
#a66c47
```
#a66c47 rgb(166,108,71)
```
#af6a3e
```
#af6a3e rgb(175,106,62)
```
#b86835
```
#b86835 rgb(184,104,53)
```
#c1662c
```
#c1662c rgb(193,102,44)
```
#ca6423
```
#ca6423 rgb(202,100,35)
```
#d3621a
```
#d3621a rgb(211,98,26)
```
#dd6010
```
#dd6010 rgb(221,96,16)
```
#e65e07
```
#e65e07 rgb(230,94,7)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#85776e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d814d Protanopia 1% of men
#9e7c45 Deuteranopia 1% of men
#b66c73 Tritanopia 0.001% of the population

Trichromacy

#997947 Protanomaly 1% of men, 0.01% of women
#a47542 Deuteranomaly 6% of men, 0.4% of women
#b36b60 Tritanomaly 0.01% of the population

#af6a3e hex color

#af6a3e Color Information

#af6a3e Color Conversion

Color Schemes with #af6a3e

Alternatives to #af6a3e

#af6a3e Preview

Shades and Tints of #af6a3e

Tones of #af6a3e

Color Blindness Simulator