#af83cc hex color

In a RGB color space, hex #af83cc is composed of 68.6% red, 51.4% green and 80% blue. Whereas in a CMYK color space, it is composed of 14.2% cyan, 35.8% magenta, 0% yellow and 20% black. It has a hue angle of 276.2 degrees, a saturation of 41.7% and a lightness of 65.7%. #af83cc color hex could be obtained by blending #ffffff with #5f0799. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 69
- G 51
- B 80
RGB color chart
- C 14
- M 36
- Y 0
- K 20
CMYK color chart

● #af83cc color description : Slightly desaturated violet.

The hexadecimal color #af83cc has RGB values of R:175, G:131, B:204 and CMYK values of C:0.14, M:0.36, Y:0, K:0.2. Its decimal value is 11502540.

Hex triplet	af83cc	`#af83cc`
RGB Decimal	175, 131, 204	`rgb(175,131,204)`
RGB Percent	68.6, 51.4, 80	`rgb(68.6%,51.4%,80%)`
CMYK	14, 36, 0, 20
HSL	276.2°, 41.7, 65.7	`hsl(276.2,41.7%,65.7%)`
HSV (or HSB)	276.2°, 35.8, 80
Web Safe	9999cc	`#9999cc`

CIE-LAB	61.4, 30.448, -31.357
XYZ	36.693, 29.707, 60.924
xyY	0.288, 0.233, 29.707
CIE-LCH	61.4, 43.707, 314.157
CIE-LUV	61.4, 18.237, -52.946
Hunter-Lab	54.504, 24.787, -28.122
Binary	10101111, 10000011, 11001100

#af83cc
```
#af83cc rgb(175,131,204)
```
#a0cc83
```
#a0cc83 rgb(160,204,131)
```

Complementary Color

#8b83cc
```
#8b83cc rgb(139,131,204)
```
#af83cc
```
#af83cc rgb(175,131,204)
```
#cc83c5
```
#cc83c5 rgb(204,131,197)
```

Analogous Color

#83cc8b
```
#83cc8b rgb(131,204,139)
```
#af83cc
```
#af83cc rgb(175,131,204)
```
#c5cc83
```
#c5cc83 rgb(197,204,131)
```

Split Complementary Color

#83ccaf
```
#83ccaf rgb(131,204,175)
```
#af83cc
```
#af83cc rgb(175,131,204)
```
#ccaf83
```
#ccaf83 rgb(204,175,131)
```

Triadic Color

#83a0cc
```
#83a0cc rgb(131,160,204)
```
#af83cc
```
#af83cc rgb(175,131,204)
```
#ccaf83
```
#ccaf83 rgb(204,175,131)
```
#a0cc83
```
#a0cc83 rgb(160,204,131)
```

Tetradic Color

#8c4db6
```
#8c4db6 rgb(140,77,182)
```
#985fbd
```
#985fbd rgb(152,95,189)
```
#a371c5
```
#a371c5 rgb(163,113,197)
```
#af83cc
```
#af83cc rgb(175,131,204)
```
#bb95d3
```
#bb95d3 rgb(187,149,211)
```
#c6a7db
```
#c6a7db rgb(198,167,219)
```
#d2b9e2
```
#d2b9e2 rgb(210,185,226)
```

Monochromatic Color

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

#9d83cc
```
#9d83cc rgb(157,131,204)
```
#a383cc
```
#a383cc rgb(163,131,204)
```
#a983cc
```
#a983cc rgb(169,131,204)
```
#af83cc
```
#af83cc rgb(175,131,204)
```
#b583cc
```
#b583cc rgb(181,131,204)
```
#bb83cc
```
#bb83cc rgb(187,131,204)
```
#c183cc
```
#c183cc rgb(193,131,204)
```

Similar Colors

Text with hexadecimal color #af83cc

This text has a font color of #af83cc.

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

#af83cc background color

This paragraph has a background color of #af83cc.

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

#af83cc border color

This element has a border color of #af83cc.

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

CSS codes

.text {color:#af83cc;}

.background {background-color:#af83cc;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0b060f
```
#0b060f rgb(11,6,15)
```
#160c1d
```
#160c1d rgb(22,12,29)
```
#21122b
```
#21122b rgb(33,18,43)
```
#2b1739
```
#2b1739 rgb(43,23,57)
```
#361d47
```
#361d47 rgb(54,29,71)
```
#412354
```
#412354 rgb(65,35,84)
```
#4b2862
```
#4b2862 rgb(75,40,98)
```
#562e70
```
#562e70 rgb(86,46,112)
```
#61347e
```
#61347e rgb(97,52,126)
```
#6b3a8c
```
#6b3a8c rgb(107,58,140)
```
#763f9a
```
#763f9a rgb(118,63,154)
```
#8145a8
```
#8145a8 rgb(129,69,168)
```

Shade Color Variation

#8b4bb5
```
#8b4bb5 rgb(139,75,181)
```
#9459bb
```
#9459bb rgb(148,89,187)
```
#9d67c1
```
#9d67c1 rgb(157,103,193)
```
#a675c6
```
#a675c6 rgb(166,117,198)
```
#af83cc
```
#af83cc rgb(175,131,204)
```
#b891d2
```
#b891d2 rgb(184,145,210)
```
#c19fd7
```
#c19fd7 rgb(193,159,215)
```
#caaddd
```
#caaddd rgb(202,173,221)
```
#d3bbe3
```
#d3bbe3 rgb(211,187,227)
```
#dcc8e9
```
#dcc8e9 rgb(220,200,233)
```
#e5d6ee
```
#e5d6ee rgb(229,214,238)
```
#eee4f4
```
#eee4f4 rgb(238,228,244)
```
#f7f2fa
```
#f7f2fa rgb(247,242,250)
```

Tint Color Variation

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

#a8a5aa
```
#a8a5aa rgb(168,165,170)
```
#a99eb1
```
#a99eb1 rgb(169,158,177)
```
#ab97b8
```
#ab97b8 rgb(171,151,184)
```
#ac90bf
```
#ac90bf rgb(172,144,191)
```
#ae8ac5
```
#ae8ac5 rgb(174,138,197)
```
#af83cc
```
#af83cc rgb(175,131,204)
```
#b07cd3
```
#b07cd3 rgb(176,124,211)
```
#b276d9
```
#b276d9 rgb(178,118,217)
```
#b36fe0
```
#b36fe0 rgb(179,111,224)
```
#b568e7
```
#b568e7 rgb(181,104,231)
```
#b661ee
```
#b661ee rgb(182,97,238)
```
#b75bf4
```
#b75bf4 rgb(183,91,244)
```
#b954fb
```
#b954fb rgb(185,84,251)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#9d94a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8297d8 Protanopia 1% of men
#8b97c9 Deuteranopia 1% of men
#aa939e Tritanopia 0.001% of the population

Trichromacy

#9290d3 Protanomaly 1% of men, 0.01% of women
#9890ca Deuteranomaly 6% of men, 0.4% of women
#ab8dae Tritanomaly 0.01% of the population

#af83cc hex color

#af83cc Color Information

#af83cc Color Conversion

Color Schemes with #af83cc

Alternatives to #af83cc

#af83cc Preview

Shades and Tints of #af83cc

Tones of #af83cc

Color Blindness Simulator