#af8580 hex color

In a RGB color space, hex #af8580 is composed of 68.6% red, 52.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24% magenta, 26.9% yellow and 31.4% black. It has a hue angle of 6.4 degrees, a saturation of 22.7% and a lightness of 59.4%. #af8580 color hex could be obtained by blending #ffffff with #5f0b01. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 69
- G 52
- B 50
RGB color chart
- C 0
- M 24
- Y 27
- K 31
CMYK color chart

● #af8580 color description : Mostly desaturated dark red.

The hexadecimal color #af8580 has RGB values of R:175, G:133, B:128 and CMYK values of C:0, M:0.24, Y:0.27, K:0.31. Its decimal value is 11502976.

Hex triplet	af8580	`#af8580`
RGB Decimal	175, 133, 128	`rgb(175,133,128)`
RGB Percent	68.6, 52.2, 50.2	`rgb(68.6%,52.2%,50.2%)`
CMYK	0, 24, 27, 31
HSL	6.4°, 22.7, 59.4	`hsl(6.4,22.7%,59.4%)`
HSV (or HSB)	6.4°, 26.9, 68.6
Web Safe	999999	`#999999`

CIE-LAB	59.387, 15.346, 8.929
XYZ	29.963, 27.449, 24.141
xyY	0.367, 0.337, 27.449
CIE-LCH	59.387, 17.755, 30.193
CIE-LUV	59.387, 27.239, 9.399
Hunter-Lab	52.391, 10.399, 9.355
Binary	10101111, 10000101, 10000000

#af8580
```
#af8580 rgb(175,133,128)
```
#80aaaf
```
#80aaaf rgb(128,170,175)
```

Complementary Color

#af8093
```
#af8093 rgb(175,128,147)
```
#af8580
```
#af8580 rgb(175,133,128)
```
#af9d80
```
#af9d80 rgb(175,157,128)
```

Analogous Color

#8093af
```
#8093af rgb(128,147,175)
```
#af8580
```
#af8580 rgb(175,133,128)
```
#80af9d
```
#80af9d rgb(128,175,157)
```

Split Complementary Color

#8580af
```
#8580af rgb(133,128,175)
```
#af8580
```
#af8580 rgb(175,133,128)
```
#80af85
```
#80af85 rgb(128,175,133)
```

Triadic Color

#af80aa
```
#af80aa rgb(175,128,170)
```
#af8580
```
#af8580 rgb(175,133,128)
```
#80af85
```
#80af85 rgb(128,175,133)
```
#80aaaf
```
#80aaaf rgb(128,170,175)
```

Tetradic Color

#8b5d58
```
#8b5d58 rgb(139,93,88)
```
#9b6761
```
#9b6761 rgb(155,103,97)
```
#a57670
```
#a57670 rgb(165,118,112)
```
#af8580
```
#af8580 rgb(175,133,128)
```
#b99490
```
#b99490 rgb(185,148,144)
```
#c3a39f
```
#c3a39f rgb(195,163,159)
```
#cdb2af
```
#cdb2af rgb(205,178,175)
```

Monochromatic Color

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

#af8087
```
#af8087 rgb(175,128,135)
```
#af8083
```
#af8083 rgb(175,128,131)
```
#af8180
```
#af8180 rgb(175,129,128)
```
#af8580
```
#af8580 rgb(175,133,128)
```
#af8980
```
#af8980 rgb(175,137,128)
```
#af8d80
```
#af8d80 rgb(175,141,128)
```
#af9180
```
#af9180 rgb(175,145,128)
```

Similar Colors

Text with hexadecimal color #af8580

This text has a font color of #af8580.

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

#af8580 background color

This paragraph has a background color of #af8580.

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

#af8580 border color

This element has a border color of #af8580.

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

CSS codes

.text {color:#af8580;}

.background {background-color:#af8580;}

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

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

#050403
```
#050403 rgb(5,4,3)
```
#110c0b
```
#110c0b rgb(17,12,11)
```
#1d1413
```
#1d1413 rgb(29,20,19)
```
#291c1a
```
#291c1a rgb(41,28,26)
```
#362422
```
#362422 rgb(54,36,34)
```
#422c29
```
#422c29 rgb(66,44,41)
```
#4e3431
```
#4e3431 rgb(78,52,49)
```
#5a3c38
```
#5a3c38 rgb(90,60,56)
```
#664440
```
#664440 rgb(102,68,64)
```
#724c48
```
#724c48 rgb(114,76,72)
```
#7e544f
```
#7e544f rgb(126,84,79)
```
#8a5c57
```
#8a5c57 rgb(138,92,87)
```
#96645e
```
#96645e rgb(150,100,94)
```

Shade Color Variation

#a06e68
```
#a06e68 rgb(160,110,104)
```
#a77974
```
#a77974 rgb(167,121,116)
```
#af8580
```
#af8580 rgb(175,133,128)
```
#b7918c
```
#b7918c rgb(183,145,140)
```
#be9c98
```
#be9c98 rgb(190,156,152)
```
#c6a8a4
```
#c6a8a4 rgb(198,168,164)
```
#cdb3b0
```
#cdb3b0 rgb(205,179,176)
```
#d5bfbc
```
#d5bfbc rgb(213,191,188)
```
#dccac8
```
#dccac8 rgb(220,202,200)
```
#e4d6d4
```
#e4d6d4 rgb(228,214,212)
```
#ece1e0
```
#ece1e0 rgb(236,225,224)
```
#f3edec
```
#f3edec rgb(243,237,236)
```
#fbf9f8
```
#fbf9f8 rgb(251,249,248)
```

Tint Color Variation

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

#9f9290
```
#9f9290 rgb(159,146,144)
```
#a78b88
```
#a78b88 rgb(167,139,136)
```
#af8580
```
#af8580 rgb(175,133,128)
```
#b77f78
```
#b77f78 rgb(183,127,120)
```
#bf7870
```
#bf7870 rgb(191,120,112)
```
#c77268
```
#c77268 rgb(199,114,104)
```
#cf6c60
```
#cf6c60 rgb(207,108,96)
```
#d76658
```
#d76658 rgb(215,102,88)
```
#df5f50
```
#df5f50 rgb(223,95,80)
```
#e75948
```
#e75948 rgb(231,89,72)
```
#ef5340
```
#ef5340 rgb(239,83,64)
```
#f74d38
```
#f74d38 rgb(247,77,56)
```
#ff4630
```
#ff4630 rgb(255,70,48)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#978f8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#99948a Protanopia 1% of men
#a88f85 Deuteranopia 1% of men
#b48992 Tritanopia 0.001% of the population

Trichromacy

#a18e86 Protanomaly 1% of men, 0.01% of women
#aa8b83 Deuteranomaly 6% of men, 0.4% of women
#b2878c Tritanomaly 0.01% of the population

#af8580 hex color

#af8580 Color Information

#af8580 Color Conversion

Color Schemes with #af8580

Alternatives to #af8580

#af8580 Preview

Shades and Tints of #af8580

Tones of #af8580

Color Blindness Simulator