#af8a3b hex color

In a RGB color space, hex #af8a3b is composed of 68.6% red, 54.1% green and 23.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.1% magenta, 66.3% yellow and 31.4% black. It has a hue angle of 40.9 degrees, a saturation of 49.6% and a lightness of 45.9%. #af8a3b color hex could be obtained by blending #ffff76 with #5f1500. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 54
- B 23
RGB color chart
- C 0
- M 21
- Y 66
- K 31
CMYK color chart

● #af8a3b color description : Dark moderate orange.

The hexadecimal color #af8a3b has RGB values of R:175, G:138, B:59 and CMYK values of C:0, M:0.21, Y:0.66, K:0.31. Its decimal value is 11504187.

Hex triplet	af8a3b	`#af8a3b`
RGB Decimal	175, 138, 59	`rgb(175,138,59)`
RGB Percent	68.6, 54.1, 23.1	`rgb(68.6%,54.1%,23.1%)`
CMYK	0, 21, 66, 31
HSL	40.9°, 49.6, 45.9	`hsl(40.9,49.6%,45.9%)`
HSV (or HSB)	40.9°, 66.3, 68.6
Web Safe	999933	`#999933`

CIE-LAB	59.533, 5.358, 46.41
XYZ	27.557, 27.608, 8.015
xyY	0.436, 0.437, 27.608
CIE-LCH	59.533, 46.718, 83.415
CIE-LUV	59.533, 30.064, 50.447
Hunter-Lab	52.543, 1.667, 27.736
Binary	10101111, 10001010, 00111011

#af8a3b
```
#af8a3b rgb(175,138,59)
```
#3b60af
```
#3b60af rgb(59,96,175)
```

Complementary Color

#af503b
```
#af503b rgb(175,80,59)
```
#af8a3b
```
#af8a3b rgb(175,138,59)
```
#9aaf3b
```
#9aaf3b rgb(154,175,59)
```

Analogous Color

#503baf
```
#503baf rgb(80,59,175)
```
#af8a3b
```
#af8a3b rgb(175,138,59)
```
#3b9aaf
```
#3b9aaf rgb(59,154,175)
```

Split Complementary Color

#8a3baf
```
#8a3baf rgb(138,59,175)
```
#af8a3b
```
#af8a3b rgb(175,138,59)
```
#3baf8a
```
#3baf8a rgb(59,175,138)
```

Triadic Color

#af3b60
```
#af3b60 rgb(175,59,96)
```
#af8a3b
```
#af8a3b rgb(175,138,59)
```
#3baf8a
```
#3baf8a rgb(59,175,138)
```
#3b60af
```
#3b60af rgb(59,96,175)
```

Tetradic Color

#765d28
```
#765d28 rgb(118,93,40)
```
#896c2e
```
#896c2e rgb(137,108,46)
```
#9c7b35
```
#9c7b35 rgb(156,123,53)
```
#af8a3b
```
#af8a3b rgb(175,138,59)
```
#c09844
```
#c09844 rgb(192,152,68)
```
#c6a357
```
#c6a357 rgb(198,163,87)
```
#cdad6a
```
#cdad6a rgb(205,173,106)
```

Monochromatic Color

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

#af6d3b
```
#af6d3b rgb(175,109,59)
```
#af773b
```
#af773b rgb(175,119,59)
```
#af803b
```
#af803b rgb(175,128,59)
```
#af8a3b
```
#af8a3b rgb(175,138,59)
```
#af943b
```
#af943b rgb(175,148,59)
```
#af9d3b
```
#af9d3b rgb(175,157,59)
```
#afa73b
```
#afa73b rgb(175,167,59)
```

Similar Colors

Text with hexadecimal color #af8a3b

This text has a font color of #af8a3b.

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

#af8a3b background color

This paragraph has a background color of #af8a3b.

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

#af8a3b border color

This element has a border color of #af8a3b.

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

CSS codes

.text {color:#af8a3b;}

.background {background-color:#af8a3b;}

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

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, #0e0b05 is the darkest color, while #fffefe is the lightest one.

#0e0b05
```
#0e0b05 rgb(14,11,5)
```
#1c160a
```
#1c160a rgb(28,22,10)
```
#2b220e
```
#2b220e rgb(43,34,14)
```
#3a2d13
```
#3a2d13 rgb(58,45,19)
```
#483918
```
#483918 rgb(72,57,24)
```
#57451d
```
#57451d rgb(87,69,29)
```
#665022
```
#665022 rgb(102,80,34)
```
#745c27
```
#745c27 rgb(116,92,39)
```
#83672c
```
#83672c rgb(131,103,44)
```
#927331
```
#927331 rgb(146,115,49)
```
#a07e36
```
#a07e36 rgb(160,126,54)
```
#af8a3b
```
#af8a3b rgb(175,138,59)
```
#be9640
```
#be9640 rgb(190,150,64)
```

Shade Color Variation

#c39e4e
```
#c39e4e rgb(195,158,78)
```
#c8a65d
```
#c8a65d rgb(200,166,93)
```
#cdae6b
```
#cdae6b rgb(205,174,107)
```
#d2b67a
```
#d2b67a rgb(210,182,122)
```
#d7be89
```
#d7be89 rgb(215,190,137)
```
#dcc697
```
#dcc697 rgb(220,198,151)
```
#e1cea6
```
#e1cea6 rgb(225,206,166)
```
#e6d6b5
```
#e6d6b5 rgb(230,214,181)
```
#ebdec3
```
#ebdec3 rgb(235,222,195)
```
#f0e6d2
```
#f0e6d2 rgb(240,230,210)
```
#f5eee1
```
#f5eee1 rgb(245,238,225)
```
#faf6ef
```
#faf6ef rgb(250,246,239)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#797671
```
#797671 rgb(121,118,113)
```
#827a68
```
#827a68 rgb(130,122,104)
```
#8b7d5f
```
#8b7d5f rgb(139,125,95)
```
#948056
```
#948056 rgb(148,128,86)
```
#9d834d
```
#9d834d rgb(157,131,77)
```
#a68744
```
#a68744 rgb(166,135,68)
```
#af8a3b
```
#af8a3b rgb(175,138,59)
```
#b88d32
```
#b88d32 rgb(184,141,50)
```
#c19129
```
#c19129 rgb(193,145,41)
```
#ca9420
```
#ca9420 rgb(202,148,32)
```
#d39717
```
#d39717 rgb(211,151,23)
```
#dc9a0e
```
#dc9a0e rgb(220,154,14)
```
#e59e05
```
#e59e05 rgb(229,158,5)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#938c7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49546 Protanopia 1% of men
#b78e45 Deuteranopia 1% of men
#b98791 Tritanopia 0.001% of the population

Trichromacy

#a89142 Protanomaly 1% of men, 0.01% of women
#b48c41 Deuteranomaly 6% of men, 0.4% of women
#b58871 Tritanomaly 0.01% of the population

#af8a3b hex color

#af8a3b Color Information

#af8a3b Color Conversion

Color Schemes with #af8a3b

Alternatives to #af8a3b

#af8a3b Preview

Shades and Tints of #af8a3b

Tones of #af8a3b

Color Blindness Simulator