#af8f77 hex color

In a RGB color space, hex #af8f77 is composed of 68.6% red, 56.1% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.3% magenta, 32% yellow and 31.4% black. It has a hue angle of 25.7 degrees, a saturation of 25.9% and a lightness of 57.6%. #af8f77 color hex could be obtained by blending #ffffee with #5f1f00. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 69
- G 56
- B 47
RGB color chart
- C 0
- M 18
- Y 32
- K 31
CMYK color chart

● #af8f77 color description : Mostly desaturated dark orange.

The hexadecimal color #af8f77 has RGB values of R:175, G:143, B:119 and CMYK values of C:0, M:0.18, Y:0.32, K:0.31. Its decimal value is 11505527.

Hex triplet	af8f77	`#af8f77`
RGB Decimal	175, 143, 119	`rgb(175,143,119)`
RGB Percent	68.6, 56.1, 46.7	`rgb(68.6%,56.1%,46.7%)`
CMYK	0, 18, 32, 31
HSL	25.7°, 25.9, 57.6	`hsl(25.7,25.9%,57.6%)`
HSV (or HSB)	25.7°, 32, 68.6
Web Safe	999966	`#999966`

CIE-LAB	61.733, 8.491, 17.314
XYZ	30.831, 30.092, 21.636
xyY	0.373, 0.364, 30.092
CIE-LCH	61.733, 19.284, 63.878
CIE-LUV	61.733, 22.125, 21.404
Hunter-Lab	54.856, 4.326, 15.014
Binary	10101111, 10001111, 01110111

#af8f77
```
#af8f77 rgb(175,143,119)
```
#7797af
```
#7797af rgb(119,151,175)
```

Complementary Color

#af777b
```
#af777b rgb(175,119,123)
```
#af8f77
```
#af8f77 rgb(175,143,119)
```
#afab77
```
#afab77 rgb(175,171,119)
```

Analogous Color

#777baf
```
#777baf rgb(119,123,175)
```
#af8f77
```
#af8f77 rgb(175,143,119)
```
#77afab
```
#77afab rgb(119,175,171)
```

Split Complementary Color

#8f77af
```
#8f77af rgb(143,119,175)
```
#af8f77
```
#af8f77 rgb(175,143,119)
```
#77af8f
```
#77af8f rgb(119,175,143)
```

Triadic Color

#af7797
```
#af7797 rgb(175,119,151)
```
#af8f77
```
#af8f77 rgb(175,143,119)
```
#77af8f
```
#77af8f rgb(119,175,143)
```
#7797af
```
#7797af rgb(119,151,175)
```

Tetradic Color

#896951
```
#896951 rgb(137,105,81)
```
#99755a
```
#99755a rgb(153,117,90)
```
#a68267
```
#a68267 rgb(166,130,103)
```
#af8f77
```
#af8f77 rgb(175,143,119)
```
#b89c87
```
#b89c87 rgb(184,156,135)
```
#c2a997
```
#c2a997 rgb(194,169,151)
```
#cbb7a7
```
#cbb7a7 rgb(203,183,167)
```

Monochromatic Color

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

#af8177
```
#af8177 rgb(175,129,119)
```
#af8677
```
#af8677 rgb(175,134,119)
```
#af8a77
```
#af8a77 rgb(175,138,119)
```
#af8f77
```
#af8f77 rgb(175,143,119)
```
#af9477
```
#af9477 rgb(175,148,119)
```
#af9877
```
#af9877 rgb(175,152,119)
```
#af9d77
```
#af9d77 rgb(175,157,119)
```

Similar Colors

Text with hexadecimal color #af8f77

This text has a font color of #af8f77.

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

#af8f77 background color

This paragraph has a background color of #af8f77.

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

#af8f77 border color

This element has a border color of #af8f77.

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

CSS codes

.text {color:#af8f77;}

.background {background-color:#af8f77;}

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

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

#0c0907
```
#0c0907 rgb(12,9,7)
```
#19130e
```
#19130e rgb(25,19,14)
```
#251c16
```
#251c16 rgb(37,28,22)
```
#31261d
```
#31261d rgb(49,38,29)
```
#3e2f24
```
#3e2f24 rgb(62,47,36)
```
#4a392c
```
#4a392c rgb(74,57,44)
```
#564233
```
#564233 rgb(86,66,51)
```
#634b3a
```
#634b3a rgb(99,75,58)
```
#6f5541
```
#6f5541 rgb(111,85,65)
```
#7b5e49
```
#7b5e49 rgb(123,94,73)
```
#886850
```
#886850 rgb(136,104,80)
```
#947157
```
#947157 rgb(148,113,87)
```
#a07b5e
```
#a07b5e rgb(160,123,94)
```

Shade Color Variation

#a8856b
```
#a8856b rgb(168,133,107)
```
#af8f77
```
#af8f77 rgb(175,143,119)
```
#b69983
```
#b69983 rgb(182,153,131)
```
#bea390
```
#bea390 rgb(190,163,144)
```
#c5ae9c
```
#c5ae9c rgb(197,174,156)
```
#ccb8a8
```
#ccb8a8 rgb(204,184,168)
```
#d3c2b5
```
#d3c2b5 rgb(211,194,181)
```
#dbccc1
```
#dbccc1 rgb(219,204,193)
```
#e2d6cd
```
#e2d6cd rgb(226,214,205)
```
#e9e0da
```
#e9e0da rgb(233,224,218)
```
#f0ebe6
```
#f0ebe6 rgb(240,235,230)
```
#f8f5f3
```
#f8f5f3 rgb(248,245,243)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#969390
```
#969390 rgb(150,147,144)
```
#9e9188
```
#9e9188 rgb(158,145,136)
```
#a7907f
```
#a7907f rgb(167,144,127)
```
#af8f77
```
#af8f77 rgb(175,143,119)
```
#b78e6f
```
#b78e6f rgb(183,142,111)
```
#c08d66
```
#c08d66 rgb(192,141,102)
```
#c88b5e
```
#c88b5e rgb(200,139,94)
```
#d08a56
```
#d08a56 rgb(208,138,86)
```
#d9894d
```
#d9894d rgb(217,137,77)
```
#e18845
```
#e18845 rgb(225,136,69)
```
#e9873d
```
#e9873d rgb(233,135,61)
```
#f18635
```
#f18635 rgb(241,134,53)
```
#fa842c
```
#fa842c rgb(250,132,44)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#9b9590 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39a80 Protanopia 1% of men
#b2947e Deuteranopia 1% of men
#b6909a Tritanopia 0.001% of the population

Trichromacy

#a7967d Protanomaly 1% of men, 0.01% of women
#b1927b Deuteranomaly 6% of men, 0.4% of women
#b3908d Tritanomaly 0.01% of the population

#af8f77 hex color

#af8f77 Color Information

#af8f77 Color Conversion

Color Schemes with #af8f77

Alternatives to #af8f77

#af8f77 Preview

Shades and Tints of #af8f77

Tones of #af8f77

Color Blindness Simulator