#af863d hex color

In a RGB color space, hex #af863d is composed of 68.6% red, 52.5% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.4% magenta, 65.1% yellow and 31.4% black. It has a hue angle of 38.4 degrees, a saturation of 48.3% and a lightness of 46.3%. #af863d color hex could be obtained by blending #ffff7a with #5f0d00. Closest websafe color is: #999933.

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

● #af863d color description : Dark moderate orange.

The hexadecimal color #af863d has RGB values of R:175, G:134, B:61 and CMYK values of C:0, M:0.23, Y:0.65, K:0.31. Its decimal value is 11503165.

Hex triplet	af863d	`#af863d`
RGB Decimal	175, 134, 61	`rgb(175,134,61)`
RGB Percent	68.6, 52.5, 23.9	`rgb(68.6%,52.5%,23.9%)`
CMYK	0, 23, 65, 31
HSL	38.4°, 48.3, 46.3	`hsl(38.4,48.3%,46.3%)`
HSV (or HSB)	38.4°, 65.1, 68.6
Web Safe	999933	`#999933`

CIE-LAB	58.511, 7.707, 44.333
XYZ	27.047, 26.502, 8.106
xyY	0.439, 0.43, 26.502
CIE-LCH	58.511, 44.998, 80.138
CIE-LUV	58.511, 32.835, 47.929
Hunter-Lab	51.48, 3.69, 26.701
Binary	10101111, 10000110, 00111101

#af863d
```
#af863d rgb(175,134,61)
```
#3d66af
```
#3d66af rgb(61,102,175)
```

Complementary Color

#af4d3d
```
#af4d3d rgb(175,77,61)
```
#af863d
```
#af863d rgb(175,134,61)
```
#9faf3d
```
#9faf3d rgb(159,175,61)
```

Analogous Color

#4d3daf
```
#4d3daf rgb(77,61,175)
```
#af863d
```
#af863d rgb(175,134,61)
```
#3d9faf
```
#3d9faf rgb(61,159,175)
```

Split Complementary Color

#863daf
```
#863daf rgb(134,61,175)
```
#af863d
```
#af863d rgb(175,134,61)
```
#3daf86
```
#3daf86 rgb(61,175,134)
```

Triadic Color

#af3d66
```
#af3d66 rgb(175,61,102)
```
#af863d
```
#af863d rgb(175,134,61)
```
#3daf86
```
#3daf86 rgb(61,175,134)
```
#3d66af
```
#3d66af rgb(61,102,175)
```

Tetradic Color

#765b29
```
#765b29 rgb(118,91,41)
```
#896930
```
#896930 rgb(137,105,48)
```
#9c7836
```
#9c7836 rgb(156,120,54)
```
#af863d
```
#af863d rgb(175,134,61)
```
#bf9447
```
#bf9447 rgb(191,148,71)
```
#c59f5a
```
#c59f5a rgb(197,159,90)
```
#ccaa6d
```
#ccaa6d rgb(204,170,109)
```

Monochromatic Color

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

#af6a3d
```
#af6a3d rgb(175,106,61)
```
#af733d
```
#af733d rgb(175,115,61)
```
#af7d3d
```
#af7d3d rgb(175,125,61)
```
#af863d
```
#af863d rgb(175,134,61)
```
#af903d
```
#af903d rgb(175,144,61)
```
#af993d
```
#af993d rgb(175,153,61)
```
#afa33d
```
#afa33d rgb(175,163,61)
```

Similar Colors

Text with hexadecimal color #af863d

This text has a font color of #af863d.

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

#af863d background color

This paragraph has a background color of #af863d.

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

#af863d border color

This element has a border color of #af863d.

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

CSS codes

.text {color:#af863d;}

.background {background-color:#af863d;}

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

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, #000000 is the darkest color, while #faf7f1 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#0f0b05
```
#0f0b05 rgb(15,11,5)
```
#1e170a
```
#1e170a rgb(30,23,10)
```
#2c220f
```
#2c220f rgb(44,34,15)
```
#3b2d14
```
#3b2d14 rgb(59,45,20)
```
#49381a
```
#49381a rgb(73,56,26)
```
#58431f
```
#58431f rgb(88,67,31)
```
#664e24
```
#664e24 rgb(102,78,36)
```
#755929
```
#755929 rgb(117,89,41)
```
#83652e
```
#83652e rgb(131,101,46)
```
#927033
```
#927033 rgb(146,112,51)
```
#a07b38
```
#a07b38 rgb(160,123,56)
```
#af863d
```
#af863d rgb(175,134,61)
```

Shade Color Variation

#bd9142
```
#bd9142 rgb(189,145,66)
```
#c29a51
```
#c29a51 rgb(194,154,81)
```
#c7a25f
```
#c7a25f rgb(199,162,95)
```
#ccaa6e
```
#ccaa6e rgb(204,170,110)
```
#d2b37d
```
#d2b37d rgb(210,179,125)
```
#d7bb8b
```
#d7bb8b rgb(215,187,139)
```
#dcc49a
```
#dcc49a rgb(220,196,154)
```
#e1cca8
```
#e1cca8 rgb(225,204,168)
```
#e6d5b7
```
#e6d5b7 rgb(230,213,183)
```
#ebddc5
```
#ebddc5 rgb(235,221,197)
```
#f0e6d4
```
#f0e6d4 rgb(240,230,212)
```
#f5eee2
```
#f5eee2 rgb(245,238,226)
```
#faf7f1
```
#faf7f1 rgb(250,247,241)
```

Tint Color Variation

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

#797773
```
#797773 rgb(121,119,115)
```
#82796a
```
#82796a rgb(130,121,106)
```
#8b7c61
```
#8b7c61 rgb(139,124,97)
```
#947e58
```
#947e58 rgb(148,126,88)
```
#9d814f
```
#9d814f rgb(157,129,79)
```
#a68346
```
#a68346 rgb(166,131,70)
```
#af863d
```
#af863d rgb(175,134,61)
```
#b88934
```
#b88934 rgb(184,137,52)
```
#c18b2b
```
#c18b2b rgb(193,139,43)
```
#ca8e22
```
#ca8e22 rgb(202,142,34)
```
#d39019
```
#d39019 rgb(211,144,25)
```
#dc9310
```
#dc9310 rgb(220,147,16)
```
#e59507
```
#e59507 rgb(229,149,7)
```

Tone Color Variation

Below, you can see how #af863d 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
#91897b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19249 Protanopia 1% of men
#b38c47 Deuteranopia 1% of men
#b9848d Tritanopia 0.001% of the population

Trichromacy

#a68e44 Protanomaly 1% of men, 0.01% of women
#b28943 Deuteranomaly 6% of men, 0.4% of women
#b58570 Tritanomaly 0.01% of the population

#af863d hex color

#af863d Color Information

#af863d Color Conversion

Color Schemes with #af863d

Alternatives to #af863d

#af863d Preview

Shades and Tints of #af863d

Tones of #af863d

Color Blindness Simulator