colorhexa.com

#af80d2 hex color

In a RGB color space, hex #af80d2 is composed of 68.6% red, 50.2% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 39% magenta, 0% yellow and 17.6% black. It has a hue angle of 274.4 degrees, a saturation of 47.7% and a lightness of 66.3%. #af80d2 color hex could be obtained by blending #ffffff with #5f01a5. Closest websafe color is: #9999cc.

- R 69
- G 50
- B 82
RGB color chart
- C 17
- M 39
- Y 0
- K 18
CMYK color chart

● #af80d2 color description : Slightly desaturated violet.

The hexadecimal color #af80d2 has RGB values of R:175, G:128, B:210 and CMYK values of C:0.17, M:0.39, Y:0, K:0.18. Its decimal value is 11501778.

Hex triplet	af80d2	`#af80d2`
RGB Decimal	175, 128, 210	`rgb(175,128,210)`
RGB Percent	68.6, 50.2, 82.4	`rgb(68.6%,50.2%,82.4%)`
CMYK	17, 39, 0, 18
HSL	274.4°, 47.7, 66.3	`hsl(274.4,47.7%,66.3%)`
HSV (or HSB)	274.4°, 39, 82.4
Web Safe	9999cc	`#9999cc`

CIE-LAB	60.963, 33.442, -35.41
XYZ	37.029, 29.206, 64.656
xyY	0.283, 0.223, 29.206
CIE-LCH	60.963, 48.706, 313.363
CIE-LUV	60.963, 18.651, -59.821
Hunter-Lab	54.043, 27.732, -33.104
Binary	10101111, 10000000, 11010010

#af80d2
```
#af80d2 rgb(175,128,210)
```
#a3d280
```
#a3d280 rgb(163,210,128)
```

Complementary Color

#8680d2
```
#8680d2 rgb(134,128,210)
```
#af80d2
```
#af80d2 rgb(175,128,210)
```
#d280cc
```
#d280cc rgb(210,128,204)
```

Analogous Color

#80d286
```
#80d286 rgb(128,210,134)
```
#af80d2
```
#af80d2 rgb(175,128,210)
```
#ccd280
```
#ccd280 rgb(204,210,128)
```

Split Complementary Color

#80d2af
```
#80d2af rgb(128,210,175)
```
#af80d2
```
#af80d2 rgb(175,128,210)
```
#d2af80
```
#d2af80 rgb(210,175,128)
```

Triadic Color

#80a3d2
```
#80a3d2 rgb(128,163,210)
```
#af80d2
```
#af80d2 rgb(175,128,210)
```
#d2af80
```
#d2af80 rgb(210,175,128)
```
#a3d280
```
#a3d280 rgb(163,210,128)
```

Tetradic Color

#8b48be
```
#8b48be rgb(139,72,190)
```
#975ac5
```
#975ac5 rgb(151,90,197)
```
#a36dcb
```
#a36dcb rgb(163,109,203)
```
#af80d2
```
#af80d2 rgb(175,128,210)
```
#bb93d9
```
#bb93d9 rgb(187,147,217)
```
#c7a6df
```
#c7a6df rgb(199,166,223)
```
#d3b8e6
```
#d3b8e6 rgb(211,184,230)
```

Monochromatic Color

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

#9b80d2
```
#9b80d2 rgb(155,128,210)
```
#a180d2
```
#a180d2 rgb(161,128,210)
```
#a880d2
```
#a880d2 rgb(168,128,210)
```
#af80d2
```
#af80d2 rgb(175,128,210)
```
#b680d2
```
#b680d2 rgb(182,128,210)
```
#bd80d2
```
#bd80d2 rgb(189,128,210)
```
#c480d2
```
#c480d2 rgb(196,128,210)
```

Similar Colors

Text with hexadecimal color #af80d2

This text has a font color of #af80d2.

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

#af80d2 background color

This paragraph has a background color of #af80d2.

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

#af80d2 border color

This element has a border color of #af80d2.

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

CSS codes

.text {color:#af80d2;}

.background {background-color:#af80d2;}

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

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

#020103
```
#020103 rgb(2,1,3)
```
#0d0612
```
#0d0612 rgb(13,6,18)
```
#170b20
```
#170b20 rgb(23,11,32)
```
#22112f
```
#22112f rgb(34,17,47)
```
#2c163d
```
#2c163d rgb(44,22,61)
```
#371b4c
```
#371b4c rgb(55,27,76)
```
#41205a
```
#41205a rgb(65,32,90)
```
#4c2569
```
#4c2569 rgb(76,37,105)
```
#562a77
```
#562a77 rgb(86,42,119)
```
#612f86
```
#612f86 rgb(97,47,134)
```
#6b3594
```
#6b3594 rgb(107,53,148)
```
#763aa3
```
#763aa3 rgb(118,58,163)
```
#803fb1
```
#803fb1 rgb(128,63,177)
```

Shade Color Variation

#8b46bd
```
#8b46bd rgb(139,70,189)
```
#9455c3
```
#9455c3 rgb(148,85,195)
```
#9d63c8
```
#9d63c8 rgb(157,99,200)
```
#a672cd
```
#a672cd rgb(166,114,205)
```
#af80d2
```
#af80d2 rgb(175,128,210)
```
#b88ed7
```
#b88ed7 rgb(184,142,215)
```
#c19ddc
```
#c19ddc rgb(193,157,220)
```
#caabe1
```
#caabe1 rgb(202,171,225)
```
#d3bae7
```
#d3bae7 rgb(211,186,231)
```
#ddc8ec
```
#ddc8ec rgb(221,200,236)
```
#e6d7f1
```
#e6d7f1 rgb(230,215,241)
```
#efe5f6
```
#efe5f6 rgb(239,229,246)
```
#f8f4fb
```
#f8f4fb rgb(248,244,251)
```

Tint Color Variation

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

#a9a8aa
```
#a9a8aa rgb(169,168,170)
```
#aaa1b1
```
#aaa1b1 rgb(170,161,177)
```
#ab9ab8
```
#ab9ab8 rgb(171,154,184)
```
#ac94be
```
#ac94be rgb(172,148,190)
```
#ad8dc5
```
#ad8dc5 rgb(173,141,197)
```
#ae87cb
```
#ae87cb rgb(174,135,203)
```
#af80d2
```
#af80d2 rgb(175,128,210)
```
#b079d9
```
#b079d9 rgb(176,121,217)
```
#b173df
```
#b173df rgb(177,115,223)
```
#b26ce6
```
#b26ce6 rgb(178,108,230)
```
#b366ec
```
#b366ec rgb(179,102,236)
```
#b45ff3
```
#b45ff3 rgb(180,95,243)
```
#b558fa
```
#b558fa rgb(181,88,250)
```

Tone Color Variation

Below, you can see how #af80d2 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
#9c92a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c96df Protanopia 1% of men
#8497ce Deuteranopia 1% of men
#a8929d Tritanopia 0.001% of the population

Trichromacy

#8f8eda Protanomaly 1% of men, 0.01% of women
#948ecf Deuteranomaly 6% of men, 0.4% of women
#aa8cb0 Tritanomaly 0.01% of the population