#af863b hex color

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

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

● #af863b color description : Dark moderate orange.

The hexadecimal color #af863b has RGB values of R:175, G:134, B:59 and CMYK values of C:0, M:0.23, Y:0.66, K:0.31. Its decimal value is 11503163.

Hex triplet	af863b	`#af863b`
RGB Decimal	175, 134, 59	`rgb(175,134,59)`
RGB Percent	68.6, 52.5, 23.1	`rgb(68.6%,52.5%,23.1%)`
CMYK	0, 23, 66, 31
HSL	38.8°, 49.6, 45.9	`hsl(38.8,49.6%,45.9%)`
HSV (or HSB)	38.8°, 66.3, 68.6
Web Safe	999933	`#999933`

CIE-LAB	58.491, 7.578, 45.274
XYZ	26.994, 26.481, 7.827
xyY	0.44, 0.432, 26.481
CIE-LCH	58.491, 45.904, 80.498
CIE-LUV	58.491, 32.958, 48.677
Hunter-Lab	51.46, 3.58, 27.004
Binary	10101111, 10000110, 00111011

#af863b
```
#af863b rgb(175,134,59)
```
#3b64af
```
#3b64af rgb(59,100,175)
```

Complementary Color

#af4c3b
```
#af4c3b rgb(175,76,59)
```
#af863b
```
#af863b rgb(175,134,59)
```
#9eaf3b
```
#9eaf3b rgb(158,175,59)
```

Analogous Color

#4c3baf
```
#4c3baf rgb(76,59,175)
```
#af863b
```
#af863b rgb(175,134,59)
```
#3b9eaf
```
#3b9eaf rgb(59,158,175)
```

Split Complementary Color

#863baf
```
#863baf rgb(134,59,175)
```
#af863b
```
#af863b rgb(175,134,59)
```
#3baf86
```
#3baf86 rgb(59,175,134)
```

Triadic Color

#af3b64
```
#af3b64 rgb(175,59,100)
```
#af863b
```
#af863b rgb(175,134,59)
```
#3baf86
```
#3baf86 rgb(59,175,134)
```
#3b64af
```
#3b64af rgb(59,100,175)
```

Tetradic Color

#765a28
```
#765a28 rgb(118,90,40)
```
#89692e
```
#89692e rgb(137,105,46)
```
#9c7735
```
#9c7735 rgb(156,119,53)
```
#af863b
```
#af863b rgb(175,134,59)
```
#c09444
```
#c09444 rgb(192,148,68)
```
#c69f57
```
#c69f57 rgb(198,159,87)
```
#cdaa6a
```
#cdaa6a rgb(205,170,106)
```

Monochromatic Color

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

#af693b
```
#af693b rgb(175,105,59)
```
#af733b
```
#af733b rgb(175,115,59)
```
#af7c3b
```
#af7c3b rgb(175,124,59)
```
#af863b
```
#af863b rgb(175,134,59)
```
#af903b
```
#af903b rgb(175,144,59)
```
#af993b
```
#af993b rgb(175,153,59)
```
#afa33b
```
#afa33b rgb(175,163,59)
```

Similar Colors

Text with hexadecimal color #af863b

This text has a font color of #af863b.

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

#af863b background color

This paragraph has a background color of #af863b.

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

#af863b border color

This element has a border color of #af863b.

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

CSS codes

.text {color:#af863b;}

.background {background-color:#af863b;}

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

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

#0e0a05
```
#0e0a05 rgb(14,10,5)
```
#1c160a
```
#1c160a rgb(28,22,10)
```
#2b210e
```
#2b210e rgb(43,33,14)
```
#3a2c13
```
#3a2c13 rgb(58,44,19)
```
#483718
```
#483718 rgb(72,55,24)
```
#57431d
```
#57431d rgb(87,67,29)
```
#664e22
```
#664e22 rgb(102,78,34)
```
#745927
```
#745927 rgb(116,89,39)
```
#83642c
```
#83642c rgb(131,100,44)
```
#927031
```
#927031 rgb(146,112,49)
```
#a07b36
```
#a07b36 rgb(160,123,54)
```
#af863b
```
#af863b rgb(175,134,59)
```
#be9140
```
#be9140 rgb(190,145,64)
```

Shade Color Variation

#c39a4e
```
#c39a4e rgb(195,154,78)
```
#c8a25d
```
#c8a25d rgb(200,162,93)
```
#cdab6b
```
#cdab6b rgb(205,171,107)
```
#d2b37a
```
#d2b37a rgb(210,179,122)
```
#d7bb89
```
#d7bb89 rgb(215,187,137)
```
#dcc497
```
#dcc497 rgb(220,196,151)
```
#e1cca6
```
#e1cca6 rgb(225,204,166)
```
#e6d4b5
```
#e6d4b5 rgb(230,212,181)
```
#ebddc3
```
#ebddc3 rgb(235,221,195)
```
#f0e5d2
```
#f0e5d2 rgb(240,229,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 #e59605 is the most saturated one.

#797671
```
#797671 rgb(121,118,113)
```
#827968
```
#827968 rgb(130,121,104)
```
#8b7b5f
```
#8b7b5f rgb(139,123,95)
```
#947e56
```
#947e56 rgb(148,126,86)
```
#9d814d
```
#9d814d rgb(157,129,77)
```
#a68344
```
#a68344 rgb(166,131,68)
```
#af863b
```
#af863b rgb(175,134,59)
```
#b88932
```
#b88932 rgb(184,137,50)
```
#c18b29
```
#c18b29 rgb(193,139,41)
```
#ca8e20
```
#ca8e20 rgb(202,142,32)
```
#d39117
```
#d39117 rgb(211,145,23)
```
#dc930e
```
#dc930e rgb(220,147,14)
```
#e59605
```
#e59605 rgb(229,150,5)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#91897a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19247 Protanopia 1% of men
#b38b45 Deuteranopia 1% of men
#b9848d Tritanopia 0.001% of the population

Trichromacy

#a68e42 Protanomaly 1% of men, 0.01% of women
#b28941 Deuteranomaly 6% of men, 0.4% of women
#b5856f Tritanomaly 0.01% of the population

#af863b hex color

#af863b Color Information

#af863b Color Conversion

Color Schemes with #af863b

Alternatives to #af863b

#af863b Preview

Shades and Tints of #af863b

Tones of #af863b

Color Blindness Simulator