#af63cf hex color

In a RGB color space, hex #af63cf is composed of 68.6% red, 38.8% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 15.5% cyan, 52.2% magenta, 0% yellow and 18.8% black. It has a hue angle of 282.2 degrees, a saturation of 52.9% and a lightness of 60%. #af63cf color hex could be obtained by blending #ffc6ff with #5f009f. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 39
- B 81
RGB color chart
- C 15
- M 52
- Y 0
- K 19
CMYK color chart

● #af63cf color description : Moderate violet.

The hexadecimal color #af63cf has RGB values of R:175, G:99, B:207 and CMYK values of C:0.15, M:0.52, Y:0, K:0.19. Its decimal value is 11494351.

Hex triplet	af63cf	`#af63cf`
RGB Decimal	175, 99, 207	`rgb(175,99,207)`
RGB Percent	68.6, 38.8, 81.2	`rgb(68.6%,38.8%,81.2%)`
CMYK	15, 52, 0, 19
HSL	282.2°, 52.9, 60	`hsl(282.2,52.9%,60%)`
HSV (or HSB)	282.2°, 52.2, 81.2
Web Safe	9966cc	`#9966cc`

CIE-LAB	54.599, 48.537, -43.708
XYZ	33.402, 22.544, 61.62
xyY	0.284, 0.192, 22.544
CIE-LCH	54.599, 65.316, 317.996
CIE-LUV	54.599, 30.012, -73.601
Hunter-Lab	47.48, 42.484, -43.711
Binary	10101111, 01100011, 11001111

#af63cf
```
#af63cf rgb(175,99,207)
```
#83cf63
```
#83cf63 rgb(131,207,99)
```

Complementary Color

#7963cf
```
#7963cf rgb(121,99,207)
```
#af63cf
```
#af63cf rgb(175,99,207)
```
#cf63b9
```
#cf63b9 rgb(207,99,185)
```

Analogous Color

#63cf79
```
#63cf79 rgb(99,207,121)
```
#af63cf
```
#af63cf rgb(175,99,207)
```
#b9cf63
```
#b9cf63 rgb(185,207,99)
```

Split Complementary Color

#63cfaf
```
#63cfaf rgb(99,207,175)
```
#af63cf
```
#af63cf rgb(175,99,207)
```
#cfaf63
```
#cfaf63 rgb(207,175,99)
```

Triadic Color

#6383cf
```
#6383cf rgb(99,131,207)
```
#af63cf
```
#af63cf rgb(175,99,207)
```
#cfaf63
```
#cfaf63 rgb(207,175,99)
```
#83cf63
```
#83cf63 rgb(131,207,99)
```

Tetradic Color

#8c36b0
```
#8c36b0 rgb(140,54,176)
```
#9b3cc3
```
#9b3cc3 rgb(155,60,195)
```
#a550c9
```
#a550c9 rgb(165,80,201)
```
#af63cf
```
#af63cf rgb(175,99,207)
```
#b977d5
```
#b977d5 rgb(185,119,213)
```
#c38adb
```
#c38adb rgb(195,138,219)
```
#cd9ee1
```
#cd9ee1 rgb(205,158,225)
```

Monochromatic Color

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

#9463cf
```
#9463cf rgb(148,99,207)
```
#9d63cf
```
#9d63cf rgb(157,99,207)
```
#a663cf
```
#a663cf rgb(166,99,207)
```
#af63cf
```
#af63cf rgb(175,99,207)
```
#b863cf
```
#b863cf rgb(184,99,207)
```
#c163cf
```
#c163cf rgb(193,99,207)
```
#ca63cf
```
#ca63cf rgb(202,99,207)
```

Similar Colors

Text with hexadecimal color #af63cf

This text has a font color of #af63cf.

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

#af63cf background color

This paragraph has a background color of #af63cf.

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

#af63cf border color

This element has a border color of #af63cf.

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

CSS codes

.text {color:#af63cf;}

.background {background-color:#af63cf;}

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

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

#070309
```
#070309 rgb(7,3,9)
```
#130718
```
#130718 rgb(19,7,24)
```
#1f0c27
```
#1f0c27 rgb(31,12,39)
```
#2b1136
```
#2b1136 rgb(43,17,54)
```
#371545
```
#371545 rgb(55,21,69)
```
#431a54
```
#431a54 rgb(67,26,84)
```
#4f1e63
```
#4f1e63 rgb(79,30,99)
```
#5b2372
```
#5b2372 rgb(91,35,114)
```
#672881
```
#672881 rgb(103,40,129)
```
#722c90
```
#722c90 rgb(114,44,144)
```
#7e319f
```
#7e319f rgb(126,49,159)
```
#8a36ae
```
#8a36ae rgb(138,54,174)
```
#963abd
```
#963abd rgb(150,58,189)
```

Shade Color Variation

#a045c6
```
#a045c6 rgb(160,69,198)
```
#a754ca
```
#a754ca rgb(167,84,202)
```
#af63cf
```
#af63cf rgb(175,99,207)
```
#b772d4
```
#b772d4 rgb(183,114,212)
```
#be81d8
```
#be81d8 rgb(190,129,216)
```
#c690dd
```
#c690dd rgb(198,144,221)
```
#ce9fe1
```
#ce9fe1 rgb(206,159,225)
```
#d5aee6
```
#d5aee6 rgb(213,174,230)
```
#ddbdeb
```
#ddbdeb rgb(221,189,235)
```
#e5ccef
```
#e5ccef rgb(229,204,239)
```
#eddbf4
```
#eddbf4 rgb(237,219,244)
```
#f4eaf9
```
#f4eaf9 rgb(244,234,249)
```
#fcf9fd
```
#fcf9fd rgb(252,249,253)
```

Tint Color Variation

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

#9c92a0
```
#9c92a0 rgb(156,146,160)
```
#9f8aa8
```
#9f8aa8 rgb(159,138,168)
```
#a282b0
```
#a282b0 rgb(162,130,176)
```
#a57bb7
```
#a57bb7 rgb(165,123,183)
```
#a973bf
```
#a973bf rgb(169,115,191)
```
#ac6bc7
```
#ac6bc7 rgb(172,107,199)
```
#af63cf
```
#af63cf rgb(175,99,207)
```
#b25bd7
```
#b25bd7 rgb(178,91,215)
```
#b553df
```
#b553df rgb(181,83,223)
```
#b94be7
```
#b94be7 rgb(185,75,231)
```
#bc44ee
```
#bc44ee rgb(188,68,238)
```
#bf3cf6
```
#bf3cf6 rgb(191,60,246)
```
#c234fe
```
#c234fe rgb(194,52,254)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#8e7f95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5785e6 Protanopia 1% of men
#6888c7 Deuteranopia 1% of men
#a67e87 Tritanopia 0.001% of the population

Trichromacy

#7779de Protanomaly 1% of men, 0.01% of women
#827aca Deuteranomaly 6% of men, 0.4% of women
#a974a1 Tritanomaly 0.01% of the population

#af63cf hex color

#af63cf Color Information

#af63cf Color Conversion

Color Schemes with #af63cf

Alternatives to #af63cf

#af63cf Preview

Shades and Tints of #af63cf

Tones of #af63cf

Color Blindness Simulator