#af80cd hex color

In a RGB color space, hex #af80cd is composed of 68.6% red, 50.2% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 14.6% cyan, 37.6% magenta, 0% yellow and 19.6% black. It has a hue angle of 276.6 degrees, a saturation of 43.5% and a lightness of 65.3%. #af80cd color hex could be obtained by blending #ffffff with #5f019b. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 50
- B 80
RGB color chart
- C 15
- M 38
- Y 0
- K 20
CMYK color chart

● #af80cd color description : Slightly desaturated violet.

The hexadecimal color #af80cd has RGB values of R:175, G:128, B:205 and CMYK values of C:0.15, M:0.38, Y:0, K:0.2. Its decimal value is 11501773.

Hex triplet	af80cd	`#af80cd`
RGB Decimal	175, 128, 205	`rgb(175,128,205)`
RGB Percent	68.6, 50.2, 80.4	`rgb(68.6%,50.2%,80.4%)`
CMYK	15, 38, 0, 20
HSL	276.6°, 43.5, 65.3	`hsl(276.6,43.5%,65.3%)`
HSV (or HSB)	276.6°, 37.6, 80.4
Web Safe	9999cc	`#9999cc`

CIE-LAB	60.747, 32.347, -32.935
XYZ	36.416, 28.961, 61.426
xyY	0.287, 0.228, 28.961
CIE-LCH	60.747, 46.163, 314.484
CIE-LUV	60.747, 19.359, -55.648
Hunter-Lab	53.815, 26.613, -30.004
Binary	10101111, 10000000, 11001101

#af80cd
```
#af80cd rgb(175,128,205)
```
#9ecd80
```
#9ecd80 rgb(158,205,128)
```

Complementary Color

#8980cd
```
#8980cd rgb(137,128,205)
```
#af80cd
```
#af80cd rgb(175,128,205)
```
#cd80c5
```
#cd80c5 rgb(205,128,197)
```

Analogous Color

#80cd89
```
#80cd89 rgb(128,205,137)
```
#af80cd
```
#af80cd rgb(175,128,205)
```
#c5cd80
```
#c5cd80 rgb(197,205,128)
```

Split Complementary Color

#80cdaf
```
#80cdaf rgb(128,205,175)
```
#af80cd
```
#af80cd rgb(175,128,205)
```
#cdaf80
```
#cdaf80 rgb(205,175,128)
```

Triadic Color

#809ecd
```
#809ecd rgb(128,158,205)
```
#af80cd
```
#af80cd rgb(175,128,205)
```
#cdaf80
```
#cdaf80 rgb(205,175,128)
```
#9ecd80
```
#9ecd80 rgb(158,205,128)
```

Tetradic Color

#8c49b7
```
#8c49b7 rgb(140,73,183)
```
#985bbf
```
#985bbf rgb(152,91,191)
```
#a36ec6
```
#a36ec6 rgb(163,110,198)
```
#af80cd
```
#af80cd rgb(175,128,205)
```
#bb92d4
```
#bb92d4 rgb(187,146,212)
```
#c6a5db
```
#c6a5db rgb(198,165,219)
```
#d2b7e3
```
#d2b7e3 rgb(210,183,227)
```

Monochromatic Color

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

#9c80cd
```
#9c80cd rgb(156,128,205)
```
#a280cd
```
#a280cd rgb(162,128,205)
```
#a980cd
```
#a980cd rgb(169,128,205)
```
#af80cd
```
#af80cd rgb(175,128,205)
```
#b580cd
```
#b580cd rgb(181,128,205)
```
#bc80cd
```
#bc80cd rgb(188,128,205)
```
#c280cd
```
#c280cd rgb(194,128,205)
```

Similar Colors

Text with hexadecimal color #af80cd

This text has a font color of #af80cd.

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

#af80cd background color

This paragraph has a background color of #af80cd.

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

#af80cd border color

This element has a border color of #af80cd.

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

CSS codes

.text {color:#af80cd;}

.background {background-color:#af80cd;}

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

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

#0a050e
```
#0a050e rgb(10,5,14)
```
#150b1c
```
#150b1c rgb(21,11,28)
```
#20102a
```
#20102a rgb(32,16,42)
```
#2b1638
```
#2b1638 rgb(43,22,56)
```
#351c46
```
#351c46 rgb(53,28,70)
```
#402154
```
#402154 rgb(64,33,84)
```
#4b2762
```
#4b2762 rgb(75,39,98)
```
#562c70
```
#562c70 rgb(86,44,112)
```
#60327e
```
#60327e rgb(96,50,126)
```
#6b378c
```
#6b378c rgb(107,55,140)
```
#763d9a
```
#763d9a rgb(118,61,154)
```
#8142a9
```
#8142a9 rgb(129,66,169)
```
#8b48b7
```
#8b48b7 rgb(139,72,183)
```

Shade Color Variation

#9456bc
```
#9456bc rgb(148,86,188)
```
#9d64c2
```
#9d64c2 rgb(157,100,194)
```
#a672c7
```
#a672c7 rgb(166,114,199)
```
#af80cd
```
#af80cd rgb(175,128,205)
```
#b88ed3
```
#b88ed3 rgb(184,142,211)
```
#c19cd8
```
#c19cd8 rgb(193,156,216)
```
#caaade
```
#caaade rgb(202,170,222)
```
#d2b8e3
```
#d2b8e3 rgb(210,184,227)
```
#dbc6e9
```
#dbc6e9 rgb(219,198,233)
```
#e4d4ee
```
#e4d4ee rgb(228,212,238)
```
#ede3f4
```
#ede3f4 rgb(237,227,244)
```
#f6f1f9
```
#f6f1f9 rgb(246,241,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a7a2ab
```
#a7a2ab rgb(167,162,171)
```
#a99bb2
```
#a99bb2 rgb(169,155,178)
```
#aa94b9
```
#aa94b9 rgb(170,148,185)
```
#ac8ebf
```
#ac8ebf rgb(172,142,191)
```
#ad87c6
```
#ad87c6 rgb(173,135,198)
```
#af80cd
```
#af80cd rgb(175,128,205)
```
#b179d4
```
#b179d4 rgb(177,121,212)
```
#b272db
```
#b272db rgb(178,114,219)
```
#b46ce1
```
#b46ce1 rgb(180,108,225)
```
#b565e8
```
#b565e8 rgb(181,101,232)
```
#b75eef
```
#b75eef rgb(183,94,239)
```
#b857f6
```
#b857f6 rgb(184,87,246)
```
#ba50fd
```
#ba50fd rgb(186,80,253)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#9c92a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f95da Protanopia 1% of men
#8796ca Deuteranopia 1% of men
#a9919c Tritanopia 0.001% of the population

Trichromacy

#908dd5 Protanomaly 1% of men, 0.01% of women
#958ecb Deuteranomaly 6% of men, 0.4% of women
#ab8bad Tritanomaly 0.01% of the population

#af80cd hex color

#af80cd Color Information

#af80cd Color Conversion

Color Schemes with #af80cd

Alternatives to #af80cd

#af80cd Preview

Shades and Tints of #af80cd

Tones of #af80cd

Color Blindness Simulator