#af30cf hex color

In a RGB color space, hex #af30cf is composed of 68.6% red, 18.8% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 15.5% cyan, 76.8% magenta, 0% yellow and 18.8% black. It has a hue angle of 287.9 degrees, a saturation of 62.4% and a lightness of 50%. #af30cf color hex could be obtained by blending #ff60ff with #5f009f. Closest websafe color is: #9933cc.

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

● #af30cf color description : Strong magenta.

The hexadecimal color #af30cf has RGB values of R:175, G:48, B:207 and CMYK values of C:0.15, M:0.77, Y:0, K:0.19. Its decimal value is 11481295.

Hex triplet	af30cf	`#af30cf`
RGB Decimal	175, 48, 207	`rgb(175,48,207)`
RGB Percent	68.6, 18.8, 81.2	`rgb(68.6%,18.8%,81.2%)`
CMYK	15, 77, 0, 19
HSL	287.9°, 62.4, 50	`hsl(287.9,62.4%,50%)`
HSV (or HSB)	287.9°, 76.8, 81.2
Web Safe	9933cc	`#9933cc`

CIE-LAB	46.624, 70.492, -56.437
XYZ	29.997, 15.734, 60.485
xyY	0.282, 0.148, 15.734
CIE-LCH	46.624, 90.301, 321.319
CIE-LUV	46.624, 42.618, -92.05
Hunter-Lab	39.666, 65.573, -62.641
Binary	10101111, 00110000, 11001111

#af30cf
```
#af30cf rgb(175,48,207)
```
#50cf30
```
#50cf30 rgb(80,207,48)
```

Complementary Color

#6030cf
```
#6030cf rgb(96,48,207)
```
#af30cf
```
#af30cf rgb(175,48,207)
```
#cf30a0
```
#cf30a0 rgb(207,48,160)
```

Analogous Color

#30cf60
```
#30cf60 rgb(48,207,96)
```
#af30cf
```
#af30cf rgb(175,48,207)
```
#a0cf30
```
#a0cf30 rgb(160,207,48)
```

Split Complementary Color

#30cfaf
```
#30cfaf rgb(48,207,175)
```
#af30cf
```
#af30cf rgb(175,48,207)
```
#cfaf30
```
#cfaf30 rgb(207,175,48)
```

Triadic Color

#3050cf
```
#3050cf rgb(48,80,207)
```
#af30cf
```
#af30cf rgb(175,48,207)
```
#cfaf30
```
#cfaf30 rgb(207,175,48)
```
#50cf30
```
#50cf30 rgb(80,207,48)
```

Tetradic Color

#7b2291
```
#7b2291 rgb(123,34,145)
```
#8c26a6
```
#8c26a6 rgb(140,38,166)
```
#9e2bba
```
#9e2bba rgb(158,43,186)
```
#af30cf
```
#af30cf rgb(175,48,207)
```
#b745d4
```
#b745d4 rgb(183,69,212)
```
#bf59d9
```
#bf59d9 rgb(191,89,217)
```
#c76edd
```
#c76edd rgb(199,110,221)
```

Monochromatic Color

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

#8730cf
```
#8730cf rgb(135,48,207)
```
#9530cf
```
#9530cf rgb(149,48,207)
```
#a230cf
```
#a230cf rgb(162,48,207)
```
#af30cf
```
#af30cf rgb(175,48,207)
```
#bc30cf
```
#bc30cf rgb(188,48,207)
```
#ca30cf
```
#ca30cf rgb(202,48,207)
```
#cf30c7
```
#cf30c7 rgb(207,48,199)
```

Similar Colors

Text with hexadecimal color #af30cf

This text has a font color of #af30cf.

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

#af30cf background color

This paragraph has a background color of #af30cf.

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

#af30cf border color

This element has a border color of #af30cf.

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

CSS codes

.text {color:#af30cf;}

.background {background-color:#af30cf;}

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

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

#0d0410
```
#0d0410 rgb(13,4,16)
```
#1b0720
```
#1b0720 rgb(27,7,32)
```
#280b30
```
#280b30 rgb(40,11,48)
```
#360f40
```
#360f40 rgb(54,15,64)
```
#431250
```
#431250 rgb(67,18,80)
```
#511660
```
#511660 rgb(81,22,96)
```
#5e1a6f
```
#5e1a6f rgb(94,26,111)
```
#6c1e7f
```
#6c1e7f rgb(108,30,127)
```
#79218f
```
#79218f rgb(121,33,143)
```
#87259f
```
#87259f rgb(135,37,159)
```
#9429af
```
#9429af rgb(148,41,175)
```
#a22cbf
```
#a22cbf rgb(162,44,191)
```
#af30cf
```
#af30cf rgb(175,48,207)
```

Shade Color Variation

#b540d3
```
#b540d3 rgb(181,64,211)
```
#bb50d6
```
#bb50d6 rgb(187,80,214)
```
#c160da
```
#c160da rgb(193,96,218)
```
#c870de
```
#c870de rgb(200,112,222)
```
#ce80e1
```
#ce80e1 rgb(206,128,225)
```
#d490e5
```
#d490e5 rgb(212,144,229)
```
#da9fe9
```
#da9fe9 rgb(218,159,233)
```
#e0afed
```
#e0afed rgb(224,175,237)
```
#e6bff0
```
#e6bff0 rgb(230,191,240)
```
#edcff4
```
#edcff4 rgb(237,207,244)
```
#f3dff8
```
#f3dff8 rgb(243,223,248)
```
#f9effb
```
#f9effb rgb(249,239,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#807e81
```
#807e81 rgb(128,126,129)
```
#86758a
```
#86758a rgb(134,117,138)
```
#8c6b94
```
#8c6b94 rgb(140,107,148)
```
#92619e
```
#92619e rgb(146,97,158)
```
#9857a8
```
#9857a8 rgb(152,87,168)
```
#9d4db2
```
#9d4db2 rgb(157,77,178)
```
#a344bb
```
#a344bb rgb(163,68,187)
```
#a93ac5
```
#a93ac5 rgb(169,58,197)
```
#af30cf
```
#af30cf rgb(175,48,207)
```
#b526d9
```
#b526d9 rgb(181,38,217)
```
#bb1ce3
```
#bb1ce3 rgb(187,28,227)
```
#c113ec
```
#c113ec rgb(193,19,236)
```
#c609f6
```
#c609f6 rgb(198,9,246)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#765d7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072df Protanopia 1% of men
#3577c0 Deuteranopia 1% of men
#a2646a Tritanopia 0.001% of the population

Trichromacy

#3f5ad9 Protanomaly 1% of men, 0.01% of women
#615dc5 Deuteranomaly 6% of men, 0.4% of women
#a7518f Tritanomaly 0.01% of the population

#af30cf hex color

#af30cf Color Information

#af30cf Color Conversion

Color Schemes with #af30cf

Alternatives to #af30cf

#af30cf Preview

Shades and Tints of #af30cf

Tones of #af30cf

Color Blindness Simulator