#af865f hex color

In a RGB color space, hex #af865f is composed of 68.6% red, 52.5% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.4% magenta, 45.7% yellow and 31.4% black. It has a hue angle of 29.3 degrees, a saturation of 33.3% and a lightness of 52.9%. #af865f color hex could be obtained by blending #ffffbe with #5f0d00. Closest websafe color is: #999966.

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

● #af865f color description : Dark moderate orange.

The hexadecimal color #af865f has RGB values of R:175, G:134, B:95 and CMYK values of C:0, M:0.23, Y:0.46, K:0.31. Its decimal value is 11503199.

Hex triplet	af865f	`#af865f`
RGB Decimal	175, 134, 95	`rgb(175,134,95)`
RGB Percent	68.6, 52.5, 37.3	`rgb(68.6%,52.5%,37.3%)`
CMYK	0, 23, 46, 31
HSL	29.3°, 33.3, 52.9	`hsl(29.3,33.3%,52.9%)`
HSV (or HSB)	29.3°, 45.7, 68.6
Web Safe	999966	`#999966`

CIE-LAB	58.967, 10.627, 27.01
XYZ	28.27, 26.992, 14.547
xyY	0.405, 0.387, 26.992
CIE-LCH	58.967, 29.025, 68.524
CIE-LUV	58.967, 30.151, 31.559
Hunter-Lab	51.953, 6.211, 19.766
Binary	10101111, 10000110, 01011111

#af865f
```
#af865f rgb(175,134,95)
```
#5f88af
```
#5f88af rgb(95,136,175)
```

Complementary Color

#af5f60
```
#af5f60 rgb(175,95,96)
```
#af865f
```
#af865f rgb(175,134,95)
```
#afae5f
```
#afae5f rgb(175,174,95)
```

Analogous Color

#5f60af
```
#5f60af rgb(95,96,175)
```
#af865f
```
#af865f rgb(175,134,95)
```
#5fafae
```
#5fafae rgb(95,175,174)
```

Split Complementary Color

#865faf
```
#865faf rgb(134,95,175)
```
#af865f
```
#af865f rgb(175,134,95)
```
#5faf86
```
#5faf86 rgb(95,175,134)
```

Triadic Color

#af5f88
```
#af5f88 rgb(175,95,136)
```
#af865f
```
#af865f rgb(175,134,95)
```
#5faf86
```
#5faf86 rgb(95,175,134)
```
#5f88af
```
#5f88af rgb(95,136,175)
```

Tetradic Color

#816041
```
#816041 rgb(129,96,65)
```
#926d49
```
#926d49 rgb(146,109,73)
```
#a37952
```
#a37952 rgb(163,121,82)
```
#af865f
```
#af865f rgb(175,134,95)
```
#b89370
```
#b89370 rgb(184,147,112)
```
#c0a081
```
#c0a081 rgb(192,160,129)
```
#c9ad92
```
#c9ad92 rgb(201,173,146)
```

Monochromatic Color

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

#af725f
```
#af725f rgb(175,114,95)
```
#af795f
```
#af795f rgb(175,121,95)
```
#af7f5f
```
#af7f5f rgb(175,127,95)
```
#af865f
```
#af865f rgb(175,134,95)
```
#af8d5f
```
#af8d5f rgb(175,141,95)
```
#af935f
```
#af935f rgb(175,147,95)
```
#af9a5f
```
#af9a5f rgb(175,154,95)
```

Similar Colors

Text with hexadecimal color #af865f

This text has a font color of #af865f.

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

#af865f background color

This paragraph has a background color of #af865f.

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

#af865f border color

This element has a border color of #af865f.

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

CSS codes

.text {color:#af865f;}

.background {background-color:#af865f;}

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

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

#0a0705
```
#0a0705 rgb(10,7,5)
```
#17110c
```
#17110c rgb(23,17,12)
```
#241b12
```
#241b12 rgb(36,27,18)
```
#312519
```
#312519 rgb(49,37,25)
```
#3e2e1f
```
#3e2e1f rgb(62,46,31)
```
#4b3826
```
#4b3826 rgb(75,56,38)
```
#58422c
```
#58422c rgb(88,66,44)
```
#664c33
```
#664c33 rgb(102,76,51)
```
#735539
```
#735539 rgb(115,85,57)
```
#805f40
```
#805f40 rgb(128,95,64)
```
#8d6946
```
#8d6946 rgb(141,105,70)
```
#9a724d
```
#9a724d rgb(154,114,77)
```
#a77c53
```
#a77c53 rgb(167,124,83)
```

Shade Color Variation

#af865f
```
#af865f rgb(175,134,95)
```
#b6906c
```
#b6906c rgb(182,144,108)
```
#bc9a79
```
#bc9a79 rgb(188,154,121)
```
#c3a486
```
#c3a486 rgb(195,164,134)
```
#c9ae93
```
#c9ae93 rgb(201,174,147)
```
#d0b7a0
```
#d0b7a0 rgb(208,183,160)
```
#d6c1ad
```
#d6c1ad rgb(214,193,173)
```
#ddcbbb
```
#ddcbbb rgb(221,203,187)
```
#e3d5c8
```
#e3d5c8 rgb(227,213,200)
```
#eadfd5
```
#eadfd5 rgb(234,223,213)
```
#f0e9e2
```
#f0e9e2 rgb(240,233,226)
```
#f7f3ef
```
#f7f3ef rgb(247,243,239)
```
#fdfdfc
```
#fdfdfc rgb(253,253,252)
```

Tint Color Variation

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

#8a8784
```
#8a8784 rgb(138,135,132)
```
#93877b
```
#93877b rgb(147,135,123)
```
#9d8671
```
#9d8671 rgb(157,134,113)
```
#a68668
```
#a68668 rgb(166,134,104)
```
#af865f
```
#af865f rgb(175,134,95)
```
#b88656
```
#b88656 rgb(184,134,86)
```
#c1864d
```
#c1864d rgb(193,134,77)
```
#cb8543
```
#cb8543 rgb(203,133,67)
```
#d4853a
```
#d4853a rgb(212,133,58)
```
#dd8531
```
#dd8531 rgb(221,133,49)
```
#e68528
```
#e68528 rgb(230,133,40)
```
#f0841e
```
#f0841e rgb(240,132,30)
```
#f98415
```
#f98415 rgb(249,132,21)
```

Tone Color Variation

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

Dichromacy

#9f936a Protanopia 1% of men
#af8d66 Deuteranopia 1% of men
#b78690 Tritanopia 0.001% of the population

Trichromacy

#a48e66 Protanomaly 1% of men, 0.01% of women
#af8a64 Deuteranomaly 6% of men, 0.4% of women
#b4867e Tritanomaly 0.01% of the population

#af865f hex color

#af865f Color Information

#af865f Color Conversion

Color Schemes with #af865f

Alternatives to #af865f

#af865f Preview

Shades and Tints of #af865f

Tones of #af865f

Color Blindness Simulator