#af865d hex color

In a RGB color space, hex #af865d is composed of 68.6% red, 52.5% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.4% magenta, 46.9% yellow and 31.4% black. It has a hue angle of 30 degrees, a saturation of 33.9% and a lightness of 52.5%. #af865d color hex could be obtained by blending #ffffba with #5f0d00. Closest websafe color is: #999966.

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

● #af865d color description : Dark moderate orange.

The hexadecimal color #af865d has RGB values of R:175, G:134, B:93 and CMYK values of C:0, M:0.23, Y:0.47, K:0.31. Its decimal value is 11503197.

Hex triplet	af865d	`#af865d`
RGB Decimal	175, 134, 93	`rgb(175,134,93)`
RGB Percent	68.6, 52.5, 36.5	`rgb(68.6%,52.5%,36.5%)`
CMYK	0, 23, 47, 31
HSL	30°, 33.9, 52.5	`hsl(30,33.9%,52.5%)`
HSV (or HSB)	30°, 46.9, 68.6
Web Safe	999966	`#999966`

CIE-LAB	58.933, 10.416, 28.073
XYZ	28.18, 26.956, 14.074
xyY	0.407, 0.389, 26.956
CIE-LCH	58.933, 29.943, 69.642
CIE-LUV	58.933, 30.338, 32.703
Hunter-Lab	51.919, 6.027, 20.271
Binary	10101111, 10000110, 01011101

#af865d
```
#af865d rgb(175,134,93)
```
#5d86af
```
#5d86af rgb(93,134,175)
```

Complementary Color

#af5d5d
```
#af5d5d rgb(175,93,93)
```
#af865d
```
#af865d rgb(175,134,93)
```
#afaf5d
```
#afaf5d rgb(175,175,93)
```

Analogous Color

#5d5daf
```
#5d5daf rgb(93,93,175)
```
#af865d
```
#af865d rgb(175,134,93)
```
#5dafaf
```
#5dafaf rgb(93,175,175)
```

Split Complementary Color

#865daf
```
#865daf rgb(134,93,175)
```
#af865d
```
#af865d rgb(175,134,93)
```
#5daf86
```
#5daf86 rgb(93,175,134)
```

Triadic Color

#af5d86
```
#af5d86 rgb(175,93,134)
```
#af865d
```
#af865d rgb(175,134,93)
```
#5daf86
```
#5daf86 rgb(93,175,134)
```
#5d86af
```
#5d86af rgb(93,134,175)
```

Tetradic Color

#80603f
```
#80603f rgb(128,96,63)
```
#916d48
```
#916d48 rgb(145,109,72)
```
#a27950
```
#a27950 rgb(162,121,80)
```
#af865d
```
#af865d rgb(175,134,93)
```
#b7936e
```
#b7936e rgb(183,147,110)
```
#c0a07f
```
#c0a07f rgb(192,160,127)
```
#c8ac90
```
#c8ac90 rgb(200,172,144)
```

Monochromatic Color

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

#af725d
```
#af725d rgb(175,114,93)
```
#af785d
```
#af785d rgb(175,120,93)
```
#af7f5d
```
#af7f5d rgb(175,127,93)
```
#af865d
```
#af865d rgb(175,134,93)
```
#af8d5d
```
#af8d5d rgb(175,141,93)
```
#af945d
```
#af945d rgb(175,148,93)
```
#af9b5d
```
#af9b5d rgb(175,155,93)
```

Similar Colors

Text with hexadecimal color #af865d

This text has a font color of #af865d.

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

#af865d background color

This paragraph has a background color of #af865d.

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

#af865d border color

This element has a border color of #af865d.

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

CSS codes

.text {color:#af865d;}

.background {background-color:#af865d;}

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

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

#090704
```
#090704 rgb(9,7,4)
```
#16100b
```
#16100b rgb(22,16,11)
```
#231a11
```
#231a11 rgb(35,26,17)
```
#302418
```
#302418 rgb(48,36,24)
```
#3d2e1e
```
#3d2e1e rgb(61,46,30)
```
#4a3825
```
#4a3825 rgb(74,56,37)
```
#57412b
```
#57412b rgb(87,65,43)
```
#654b32
```
#654b32 rgb(101,75,50)
```
#725538
```
#725538 rgb(114,85,56)
```
#7f5f3f
```
#7f5f3f rgb(127,95,63)
```
#8c6945
```
#8c6945 rgb(140,105,69)
```
#99724c
```
#99724c rgb(153,114,76)
```
#a67c52
```
#a67c52 rgb(166,124,82)
```

Shade Color Variation

#af865d
```
#af865d rgb(175,134,93)
```
#b5906a
```
#b5906a rgb(181,144,106)
```
#bc9a77
```
#bc9a77 rgb(188,154,119)
```
#c2a384
```
#c2a384 rgb(194,163,132)
```
#c9ad92
```
#c9ad92 rgb(201,173,146)
```
#cfb79f
```
#cfb79f rgb(207,183,159)
```
#d6c1ac
```
#d6c1ac rgb(214,193,172)
```
#dccbb9
```
#dccbb9 rgb(220,203,185)
```
#e3d4c6
```
#e3d4c6 rgb(227,212,198)
```
#e9ded3
```
#e9ded3 rgb(233,222,211)
```
#f0e8e0
```
#f0e8e0 rgb(240,232,224)
```
#f6f2ed
```
#f6f2ed rgb(246,242,237)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#8a8682
```
#8a8682 rgb(138,134,130)
```
#938679
```
#938679 rgb(147,134,121)
```
#9c8670
```
#9c8670 rgb(156,134,112)
```
#a68666
```
#a68666 rgb(166,134,102)
```
#af865d
```
#af865d rgb(175,134,93)
```
#b88654
```
#b88654 rgb(184,134,84)
```
#c2864a
```
#c2864a rgb(194,134,74)
```
#cb8641
```
#cb8641 rgb(203,134,65)
```
#d48638
```
#d48638 rgb(212,134,56)
```
#de862e
```
#de862e rgb(222,134,46)
```
#e78625
```
#e78625 rgb(231,134,37)
```
#f0861c
```
#f0861c rgb(240,134,28)
```
#f98613
```
#f98613 rgb(249,134,19)
```

Tone Color Variation

Below, you can see how #af865d 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
#958c84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9368 Protanopia 1% of men
#af8d65 Deuteranopia 1% of men
#b78690 Tritanopia 0.001% of the population

Trichromacy

#a48e64 Protanomaly 1% of men, 0.01% of women
#af8a62 Deuteranomaly 6% of men, 0.4% of women
#b4867d Tritanomaly 0.01% of the population

#af865d hex color

#af865d Color Information

#af865d Color Conversion

Color Schemes with #af865d

Alternatives to #af865d

#af865d Preview

Shades and Tints of #af865d

Tones of #af865d

Color Blindness Simulator