#af8d63 hex color

In a RGB color space, hex #af8d63 is composed of 68.6% red, 55.3% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.4% magenta, 43.4% yellow and 31.4% black. It has a hue angle of 33.2 degrees, a saturation of 32.2% and a lightness of 53.7%. #af8d63 color hex could be obtained by blending #ffffc6 with #5f1b00. Closest websafe color is: #999966.

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

● #af8d63 color description : Mostly desaturated dark orange.

The hexadecimal color #af8d63 has RGB values of R:175, G:141, B:99 and CMYK values of C:0, M:0.19, Y:0.43, K:0.31. Its decimal value is 11504995.

Hex triplet	af8d63	`#af8d63`
RGB Decimal	175, 141, 99	`rgb(175,141,99)`
RGB Percent	68.6, 55.3, 38.8	`rgb(68.6%,55.3%,38.8%)`
CMYK	0, 19, 43, 31
HSL	33.2°, 32.2, 53.7	`hsl(33.2,32.2%,53.7%)`
HSV (or HSB)	33.2°, 43.4, 68.6
Web Safe	999966	`#999966`

CIE-LAB	60.84, 7.158, 27.246
XYZ	29.456, 29.066, 15.862
xyY	0.396, 0.391, 29.066
CIE-LCH	60.84, 28.17, 75.28
CIE-LUV	60.84, 25.171, 32.87
Hunter-Lab	53.913, 3.18, 20.294
Binary	10101111, 10001101, 01100011

#af8d63
```
#af8d63 rgb(175,141,99)
```
#6385af
```
#6385af rgb(99,133,175)
```

Complementary Color

#af6763
```
#af6763 rgb(175,103,99)
```
#af8d63
```
#af8d63 rgb(175,141,99)
```
#abaf63
```
#abaf63 rgb(171,175,99)
```

Analogous Color

#6763af
```
#6763af rgb(103,99,175)
```
#af8d63
```
#af8d63 rgb(175,141,99)
```
#63abaf
```
#63abaf rgb(99,171,175)
```

Split Complementary Color

#8d63af
```
#8d63af rgb(141,99,175)
```
#af8d63
```
#af8d63 rgb(175,141,99)
```
#63af8d
```
#63af8d rgb(99,175,141)
```

Triadic Color

#af6385
```
#af6385 rgb(175,99,133)
```
#af8d63
```
#af8d63 rgb(175,141,99)
```
#63af8d
```
#63af8d rgb(99,175,141)
```
#6385af
```
#6385af rgb(99,133,175)
```

Tetradic Color

#836643
```
#836643 rgb(131,102,67)
```
#93734c
```
#93734c rgb(147,115,76)
```
#a48054
```
#a48054 rgb(164,128,84)
```
#af8d63
```
#af8d63 rgb(175,141,99)
```
#b89974
```
#b89974 rgb(184,153,116)
```
#c0a685
```
#c0a685 rgb(192,166,133)
```
#c9b296
```
#c9b296 rgb(201,178,150)
```

Monochromatic Color

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

#af7a63
```
#af7a63 rgb(175,122,99)
```
#af8063
```
#af8063 rgb(175,128,99)
```
#af8763
```
#af8763 rgb(175,135,99)
```
#af8d63
```
#af8d63 rgb(175,141,99)
```
#af9363
```
#af9363 rgb(175,147,99)
```
#af9a63
```
#af9a63 rgb(175,154,99)
```
#afa063
```
#afa063 rgb(175,160,99)
```

Similar Colors

Text with hexadecimal color #af8d63

This text has a font color of #af8d63.

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

#af8d63 background color

This paragraph has a background color of #af8d63.

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

#af8d63 border color

This element has a border color of #af8d63.

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

CSS codes

.text {color:#af8d63;}

.background {background-color:#af8d63;}

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

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

#0d0a06
```
#0d0a06 rgb(13,10,6)
```
#1a140d
```
#1a140d rgb(26,20,13)
```
#261e14
```
#261e14 rgb(38,30,20)
```
#33281a
```
#33281a rgb(51,40,26)
```
#403221
```
#403221 rgb(64,50,33)
```
#4d3d28
```
#4d3d28 rgb(77,61,40)
```
#5a472e
```
#5a472e rgb(90,71,46)
```
#675135
```
#675135 rgb(103,81,53)
```
#745b3c
```
#745b3c rgb(116,91,60)
```
#816542
```
#816542 rgb(129,101,66)
```
#8e6f49
```
#8e6f49 rgb(142,111,73)
```
#9b7950
```
#9b7950 rgb(155,121,80)
```
#a88456
```
#a88456 rgb(168,132,86)
```

Shade Color Variation

#af8d63
```
#af8d63 rgb(175,141,99)
```
#b69670
```
#b69670 rgb(182,150,112)
```
#bca07d
```
#bca07d rgb(188,160,125)
```
#c3a98a
```
#c3a98a rgb(195,169,138)
```
#cab397
```
#cab397 rgb(202,179,151)
```
#d0bca4
```
#d0bca4 rgb(208,188,164)
```
#d7c6b1
```
#d7c6b1 rgb(215,198,177)
```
#decfbe
```
#decfbe rgb(222,207,190)
```
#e4d9cb
```
#e4d9cb rgb(228,217,203)
```
#ebe2d8
```
#ebe2d8 rgb(235,226,216)
```
#f1ece5
```
#f1ece5 rgb(241,236,229)
```
#f8f5f2
```
#f8f5f2 rgb(248,245,242)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8b8987
```
#8b8987 rgb(139,137,135)
```
#948a7e
```
#948a7e rgb(148,138,126)
```
#9d8b75
```
#9d8b75 rgb(157,139,117)
```
#a68c6c
```
#a68c6c rgb(166,140,108)
```
#af8d63
```
#af8d63 rgb(175,141,99)
```
#b88e5a
```
#b88e5a rgb(184,142,90)
```
#c18f51
```
#c18f51 rgb(193,143,81)
```
#ca9048
```
#ca9048 rgb(202,144,72)
```
#d3913f
```
#d3913f rgb(211,145,63)
```
#dc9236
```
#dc9236 rgb(220,146,54)
```
#e5932d
```
#e5932d rgb(229,147,45)
```
#ef9423
```
#ef9423 rgb(239,148,35)
```
#f8951a
```
#f8951a rgb(248,149,26)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#989189 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4986d Protanopia 1% of men
#b4926b Deuteranopia 1% of men
#b78d96 Tritanopia 0.001% of the population

Trichromacy

#a89469 Protanomaly 1% of men, 0.01% of women
#b29068 Deuteranomaly 6% of men, 0.4% of women
#b48d84 Tritanomaly 0.01% of the population

#af8d63 hex color

#af8d63 Color Information

#af8d63 Color Conversion

Color Schemes with #af8d63

Alternatives to #af8d63

#af8d63 Preview

Shades and Tints of #af8d63

Tones of #af8d63

Color Blindness Simulator