#af30cc hex color

In a RGB color space, hex #af30cc is composed of 68.6% red, 18.8% green and 80% blue. Whereas in a CMYK color space, it is composed of 14.2% cyan, 76.5% magenta, 0% yellow and 20% black. It has a hue angle of 288.8 degrees, a saturation of 61.9% and a lightness of 49.4%. #af30cc color hex could be obtained by blending #ff60ff with #5f0099. Closest websafe color is: #9933cc.

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

● #af30cc color description : Strong magenta.

The hexadecimal color #af30cc has RGB values of R:175, G:48, B:204 and CMYK values of C:0.14, M:0.76, Y:0, K:0.2. Its decimal value is 11481292.

Hex triplet	af30cc	`#af30cc`
RGB Decimal	175, 48, 204	`rgb(175,48,204)`
RGB Percent	68.6, 18.8, 80	`rgb(68.6%,18.8%,80%)`
CMYK	14, 76, 0, 20
HSL	288.8°, 61.9, 49.4	`hsl(288.8,61.9%,49.4%)`
HSV (or HSB)	288.8°, 76.5, 80
Web Safe	9933cc	`#9933cc`

CIE-LAB	46.43, 69.946, -55.018
XYZ	29.634, 15.589, 58.571
xyY	0.286, 0.15, 15.589
CIE-LCH	46.43, 88.991, 321.812
CIE-LUV	46.43, 43.496, -89.862
Hunter-Lab	39.483, 64.879, -60.317
Binary	10101111, 00110000, 11001100

#af30cc
```
#af30cc rgb(175,48,204)
```
#4dcc30
```
#4dcc30 rgb(77,204,48)
```

Complementary Color

#6130cc
```
#6130cc rgb(97,48,204)
```
#af30cc
```
#af30cc rgb(175,48,204)
```
#cc309b
```
#cc309b rgb(204,48,155)
```

Analogous Color

#30cc61
```
#30cc61 rgb(48,204,97)
```
#af30cc
```
#af30cc rgb(175,48,204)
```
#9bcc30
```
#9bcc30 rgb(155,204,48)
```

Split Complementary Color

#30ccaf
```
#30ccaf rgb(48,204,175)
```
#af30cc
```
#af30cc rgb(175,48,204)
```
#ccaf30
```
#ccaf30 rgb(204,175,48)
```

Triadic Color

#304dcc
```
#304dcc rgb(48,77,204)
```
#af30cc
```
#af30cc rgb(175,48,204)
```
#ccaf30
```
#ccaf30 rgb(204,175,48)
```
#4dcc30
```
#4dcc30 rgb(77,204,48)
```

Tetradic Color

#7a218e
```
#7a218e rgb(122,33,142)
```
#8c26a3
```
#8c26a3 rgb(140,38,163)
```
#9d2bb7
```
#9d2bb7 rgb(157,43,183)
```
#af30cc
```
#af30cc rgb(175,48,204)
```
#b843d3
```
#b843d3 rgb(184,67,211)
```
#c057d8
```
#c057d8 rgb(192,87,216)
```
#c86cdc
```
#c86cdc rgb(200,108,220)
```

Monochromatic Color

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

#8830cc
```
#8830cc rgb(136,48,204)
```
#9530cc
```
#9530cc rgb(149,48,204)
```
#a230cc
```
#a230cc rgb(162,48,204)
```
#af30cc
```
#af30cc rgb(175,48,204)
```
#bc30cc
```
#bc30cc rgb(188,48,204)
```
#c930cc
```
#c930cc rgb(201,48,204)
```
#cc30c2
```
#cc30c2 rgb(204,48,194)
```

Similar Colors

Text with hexadecimal color #af30cc

This text has a font color of #af30cc.

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

#af30cc background color

This paragraph has a background color of #af30cc.

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

#af30cc border color

This element has a border color of #af30cc.

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

CSS codes

.text {color:#af30cc;}

.background {background-color:#af30cc;}

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

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

#0c030d
```
#0c030d rgb(12,3,13)
```
#19071d
```
#19071d rgb(25,7,29)
```
#270b2d
```
#270b2d rgb(39,11,45)
```
#340e3d
```
#340e3d rgb(52,14,61)
```
#42124d
```
#42124d rgb(66,18,77)
```
#50165d
```
#50165d rgb(80,22,93)
```
#5d1a6d
```
#5d1a6d rgb(93,26,109)
```
#6b1d7d
```
#6b1d7d rgb(107,29,125)
```
#79218c
```
#79218c rgb(121,33,140)
```
#86259c
```
#86259c rgb(134,37,156)
```
#9429ac
```
#9429ac rgb(148,41,172)
```
#a12cbc
```
#a12cbc rgb(161,44,188)
```
#af30cc
```
#af30cc rgb(175,48,204)
```

Shade Color Variation

#b63ed2
```
#b63ed2 rgb(182,62,210)
```
#bc4ed5
```
#bc4ed5 rgb(188,78,213)
```
#c25ed9
```
#c25ed9 rgb(194,94,217)
```
#c86edd
```
#c86edd rgb(200,110,221)
```
#ce7ee1
```
#ce7ee1 rgb(206,126,225)
```
#d48de4
```
#d48de4 rgb(212,141,228)
```
#da9de8
```
#da9de8 rgb(218,157,232)
```
#e0adec
```
#e0adec rgb(224,173,236)
```
#e6bdef
```
#e6bdef rgb(230,189,239)
```
#eccdf3
```
#eccdf3 rgb(236,205,243)
```
#f2ddf7
```
#f2ddf7 rgb(242,221,247)
```
#f8edfb
```
#f8edfb rgb(248,237,251)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

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

#7e7e7e
```
#7e7e7e rgb(126,126,126)
```
#847488
```
#847488 rgb(132,116,136)
```
#8a6a92
```
#8a6a92 rgb(138,106,146)
```
#91609c
```
#91609c rgb(145,96,156)
```
#9757a5
```
#9757a5 rgb(151,87,165)
```
#9d4daf
```
#9d4daf rgb(157,77,175)
```
#a343b9
```
#a343b9 rgb(163,67,185)
```
#a93ac2
```
#a93ac2 rgb(169,58,194)
```
#af30cc
```
#af30cc rgb(175,48,204)
```
#b526d6
```
#b526d6 rgb(181,38,214)
```
#bb1ddf
```
#bb1ddf rgb(187,29,223)
```
#c113e9
```
#c113e9 rgb(193,19,233)
```
#c709f3
```
#c709f3 rgb(199,9,243)
```

Tone Color Variation

Below, you can see how #af30cc 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
#765d7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072de Protanopia 1% of men
#3a76be Deuteranopia 1% of men
#a36369 Tritanopia 0.001% of the population

Trichromacy

#3f5ad7 Protanomaly 1% of men, 0.01% of women
#645cc3 Deuteranomaly 6% of men, 0.4% of women
#a7508d Tritanomaly 0.01% of the population

#af30cc hex color

#af30cc Color Information

#af30cc Color Conversion

Color Schemes with #af30cc

Alternatives to #af30cc

#af30cc Preview

Shades and Tints of #af30cc

Tones of #af30cc

Color Blindness Simulator