#af8963 hex color

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

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

● #af8963 color description : Mostly desaturated dark orange.

The hexadecimal color #af8963 has RGB values of R:175, G:137, B:99 and CMYK values of C:0, M:0.22, Y:0.43, K:0.31. Its decimal value is 11503971.

Hex triplet	af8963	`#af8963`
RGB Decimal	175, 137, 99	`rgb(175,137,99)`
RGB Percent	68.6, 53.7, 38.8	`rgb(68.6%,53.7%,38.8%)`
CMYK	0, 22, 43, 31
HSL	30°, 32.2, 53.7	`hsl(30,32.2%,53.7%)`
HSV (or HSB)	30°, 43.4, 68.6
Web Safe	999966	`#999966`

CIE-LAB	59.805, 9.385, 25.89
XYZ	28.877, 27.907, 15.669
xyY	0.399, 0.385, 27.907
CIE-LCH	59.805, 27.539, 70.074
CIE-LUV	59.805, 27.793, 30.778
Hunter-Lab	52.827, 5.126, 19.393
Binary	10101111, 10001001, 01100011

#af8963
```
#af8963 rgb(175,137,99)
```
#6389af
```
#6389af rgb(99,137,175)
```

Complementary Color

#af6363
```
#af6363 rgb(175,99,99)
```
#af8963
```
#af8963 rgb(175,137,99)
```
#afaf63
```
#afaf63 rgb(175,175,99)
```

Analogous Color

#6363af
```
#6363af rgb(99,99,175)
```
#af8963
```
#af8963 rgb(175,137,99)
```
#63afaf
```
#63afaf rgb(99,175,175)
```

Split Complementary Color

#8963af
```
#8963af rgb(137,99,175)
```
#af8963
```
#af8963 rgb(175,137,99)
```
#63af89
```
#63af89 rgb(99,175,137)
```

Triadic Color

#af6389
```
#af6389 rgb(175,99,137)
```
#af8963
```
#af8963 rgb(175,137,99)
```
#63af89
```
#63af89 rgb(99,175,137)
```
#6389af
```
#6389af rgb(99,137,175)
```

Tetradic Color

#836343
```
#836343 rgb(131,99,67)
```
#93704c
```
#93704c rgb(147,112,76)
```
#a47c54
```
#a47c54 rgb(164,124,84)
```
#af8963
```
#af8963 rgb(175,137,99)
```
#b89674
```
#b89674 rgb(184,150,116)
```
#c0a385
```
#c0a385 rgb(192,163,133)
```
#c9af96
```
#c9af96 rgb(201,175,150)
```

Monochromatic Color

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

#af7663
```
#af7663 rgb(175,118,99)
```
#af7c63
```
#af7c63 rgb(175,124,99)
```
#af8363
```
#af8363 rgb(175,131,99)
```
#af8963
```
#af8963 rgb(175,137,99)
```
#af8f63
```
#af8f63 rgb(175,143,99)
```
#af9663
```
#af9663 rgb(175,150,99)
```
#af9c63
```
#af9c63 rgb(175,156,99)
```

Similar Colors

Text with hexadecimal color #af8963

This text has a font color of #af8963.

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

#af8963 background color

This paragraph has a background color of #af8963.

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

#af8963 border color

This element has a border color of #af8963.

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

CSS codes

.text {color:#af8963;}

.background {background-color:#af8963;}

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

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

#0d0906
```
#0d0906 rgb(13,9,6)
```
#1a130d
```
#1a130d rgb(26,19,13)
```
#261d14
```
#261d14 rgb(38,29,20)
```
#33271a
```
#33271a rgb(51,39,26)
```
#403121
```
#403121 rgb(64,49,33)
```
#4d3b28
```
#4d3b28 rgb(77,59,40)
```
#5a442e
```
#5a442e rgb(90,68,46)
```
#674e35
```
#674e35 rgb(103,78,53)
```
#74583c
```
#74583c rgb(116,88,60)
```
#816242
```
#816242 rgb(129,98,66)
```
#8e6c49
```
#8e6c49 rgb(142,108,73)
```
#9b7550
```
#9b7550 rgb(155,117,80)
```
#a87f56
```
#a87f56 rgb(168,127,86)
```

Shade Color Variation

#af8963
```
#af8963 rgb(175,137,99)
```
#b69370
```
#b69370 rgb(182,147,112)
```
#bc9d7d
```
#bc9d7d rgb(188,157,125)
```
#c3a68a
```
#c3a68a rgb(195,166,138)
```
#cab097
```
#cab097 rgb(202,176,151)
```
#d0baa4
```
#d0baa4 rgb(208,186,164)
```
#d7c4b1
```
#d7c4b1 rgb(215,196,177)
```
#decebe
```
#decebe rgb(222,206,190)
```
#e4d7cb
```
#e4d7cb rgb(228,215,203)
```
#ebe1d8
```
#ebe1d8 rgb(235,225,216)
```
#f1ebe5
```
#f1ebe5 rgb(241,235,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 #f8891a is the most saturated one.

#8b8987
```
#8b8987 rgb(139,137,135)
```
#94897e
```
#94897e rgb(148,137,126)
```
#9d8975
```
#9d8975 rgb(157,137,117)
```
#a6896c
```
#a6896c rgb(166,137,108)
```
#af8963
```
#af8963 rgb(175,137,99)
```
#b8895a
```
#b8895a rgb(184,137,90)
```
#c18951
```
#c18951 rgb(193,137,81)
```
#ca8948
```
#ca8948 rgb(202,137,72)
```
#d3893f
```
#d3893f rgb(211,137,63)
```
#dc8936
```
#dc8936 rgb(220,137,54)
```
#e5892d
```
#e5892d rgb(229,137,45)
```
#ef8923
```
#ef8923 rgb(239,137,35)
```
#f8891a
```
#f8891a rgb(248,137,26)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#968f87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0956d Protanopia 1% of men
#b18f6a Deuteranopia 1% of men
#b78993 Tritanopia 0.001% of the population

Trichromacy

#a69169 Protanomaly 1% of men, 0.01% of women
#b08d68 Deuteranomaly 6% of men, 0.4% of women
#b48981 Tritanomaly 0.01% of the population

#af8963 hex color

#af8963 Color Information

#af8963 Color Conversion

Color Schemes with #af8963

Alternatives to #af8963

#af8963 Preview

Shades and Tints of #af8963

Tones of #af8963

Color Blindness Simulator