#af8d3e hex color

In a RGB color space, hex #af8d3e is composed of 68.6% red, 55.3% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.4% magenta, 64.6% yellow and 31.4% black. It has a hue angle of 41.9 degrees, a saturation of 47.7% and a lightness of 46.5%. #af8d3e color hex could be obtained by blending #ffff7c with #5f1b00. Closest websafe color is: #999933.

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

● #af8d3e color description : Dark moderate orange.

The hexadecimal color #af8d3e has RGB values of R:175, G:141, B:62 and CMYK values of C:0, M:0.19, Y:0.65, K:0.31. Its decimal value is 11504958.

Hex triplet	af8d3e	`#af8d3e`
RGB Decimal	175, 141, 62	`rgb(175,141,62)`
RGB Percent	68.6, 55.3, 24.3	`rgb(68.6%,55.3%,24.3%)`
CMYK	0, 19, 65, 31
HSL	41.9°, 47.7, 46.5	`hsl(41.9,47.7%,46.5%)`
HSV (or HSB)	41.9°, 64.6, 68.6
Web Safe	999933	`#999933`

CIE-LAB	60.349, 3.894, 45.885
XYZ	28.074, 28.513, 8.582
xyY	0.431, 0.438, 28.513
CIE-LCH	60.349, 46.05, 85.15
CIE-LUV	60.349, 27.753, 50.681
Hunter-Lab	53.397, 0.402, 27.849
Binary	10101111, 10001101, 00111110

#af8d3e
```
#af8d3e rgb(175,141,62)
```
#3e60af
```
#3e60af rgb(62,96,175)
```

Complementary Color

#af553e
```
#af553e rgb(175,85,62)
```
#af8d3e
```
#af8d3e rgb(175,141,62)
```
#99af3e
```
#99af3e rgb(153,175,62)
```

Analogous Color

#553eaf
```
#553eaf rgb(85,62,175)
```
#af8d3e
```
#af8d3e rgb(175,141,62)
```
#3e99af
```
#3e99af rgb(62,153,175)
```

Split Complementary Color

#8d3eaf
```
#8d3eaf rgb(141,62,175)
```
#af8d3e
```
#af8d3e rgb(175,141,62)
```
#3eaf8d
```
#3eaf8d rgb(62,175,141)
```

Triadic Color

#af3e60
```
#af3e60 rgb(175,62,96)
```
#af8d3e
```
#af8d3e rgb(175,141,62)
```
#3eaf8d
```
#3eaf8d rgb(62,175,141)
```
#3e60af
```
#3e60af rgb(62,96,175)
```

Tetradic Color

#775f2a
```
#775f2a rgb(119,95,42)
```
#896f31
```
#896f31 rgb(137,111,49)
```
#9c7e37
```
#9c7e37 rgb(156,126,55)
```
#af8d3e
```
#af8d3e rgb(175,141,62)
```
#be9b48
```
#be9b48 rgb(190,155,72)
```
#c5a55b
```
#c5a55b rgb(197,165,91)
```
#ccaf6e
```
#ccaf6e rgb(204,175,110)
```

Monochromatic Color

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

#af713e
```
#af713e rgb(175,113,62)
```
#af7a3e
```
#af7a3e rgb(175,122,62)
```
#af843e
```
#af843e rgb(175,132,62)
```
#af8d3e
```
#af8d3e rgb(175,141,62)
```
#af963e
```
#af963e rgb(175,150,62)
```
#afa03e
```
#afa03e rgb(175,160,62)
```
#afa93e
```
#afa93e rgb(175,169,62)
```

Similar Colors

Text with hexadecimal color #af8d3e

This text has a font color of #af8d3e.

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

#af8d3e background color

This paragraph has a background color of #af8d3e.

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

#af8d3e border color

This element has a border color of #af8d3e.

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

CSS codes

.text {color:#af8d3e;}

.background {background-color:#af8d3e;}

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

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 #faf8f2 is the lightest one.

#010100
```
#010100 rgb(1,1,0)
```
#100d06
```
#100d06 rgb(16,13,6)
```
#1e180b
```
#1e180b rgb(30,24,11)
```
#2d2410
```
#2d2410 rgb(45,36,16)
```
#3b3015
```
#3b3015 rgb(59,48,21)
```
#4a3b1a
```
#4a3b1a rgb(74,59,26)
```
#58471f
```
#58471f rgb(88,71,31)
```
#675324
```
#675324 rgb(103,83,36)
```
#755e29
```
#755e29 rgb(117,94,41)
```
#846a2f
```
#846a2f rgb(132,106,47)
```
#927634
```
#927634 rgb(146,118,52)
```
#a18139
```
#a18139 rgb(161,129,57)
```
#af8d3e
```
#af8d3e rgb(175,141,62)
```

Shade Color Variation

#bd9844
```
#bd9844 rgb(189,152,68)
```
#c2a052
```
#c2a052 rgb(194,160,82)
```
#c7a861
```
#c7a861 rgb(199,168,97)
```
#ccb06f
```
#ccb06f rgb(204,176,111)
```
#d1b87e
```
#d1b87e rgb(209,184,126)
```
#d6c08c
```
#d6c08c rgb(214,192,140)
```
#dcc89b
```
#dcc89b rgb(220,200,155)
```
#e1d0a9
```
#e1d0a9 rgb(225,208,169)
```
#e6d8b8
```
#e6d8b8 rgb(230,216,184)
```
#ebe0c6
```
#ebe0c6 rgb(235,224,198)
```
#f0e8d5
```
#f0e8d5 rgb(240,232,213)
```
#f5f0e3
```
#f5f0e3 rgb(245,240,227)
```
#faf8f2
```
#faf8f2 rgb(250,248,242)
```

Tint Color Variation

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

#787775
```
#787775 rgb(120,119,117)
```
#817b6c
```
#817b6c rgb(129,123,108)
```
#8b7e62
```
#8b7e62 rgb(139,126,98)
```
#948259
```
#948259 rgb(148,130,89)
```
#9d8650
```
#9d8650 rgb(157,134,80)
```
#a68947
```
#a68947 rgb(166,137,71)
```
#af8d3e
```
#af8d3e rgb(175,141,62)
```
#b89135
```
#b89135 rgb(184,145,53)
```
#c1942c
```
#c1942c rgb(193,148,44)
```
#ca9823
```
#ca9823 rgb(202,152,35)
```
#d39c1a
```
#d39c1a rgb(211,156,26)
```
#dd9f10
```
#dd9f10 rgb(221,159,16)
```
#e6a307
```
#e6a307 rgb(230,163,7)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#958e7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a79749 Protanopia 1% of men
#b99048 Deuteranopia 1% of men
#b98a94 Tritanopia 0.001% of the population

Trichromacy

#a99345 Protanomaly 1% of men, 0.01% of women
#b58f44 Deuteranomaly 6% of men, 0.4% of women
#b58b74 Tritanomaly 0.01% of the population

#af8d3e hex color

#af8d3e Color Information

#af8d3e Color Conversion

Color Schemes with #af8d3e

Alternatives to #af8d3e

#af8d3e Preview

Shades and Tints of #af8d3e

Tones of #af8d3e

Color Blindness Simulator