#af30c4 hex color

In a RGB color space, hex #af30c4 is composed of 68.6% red, 18.8% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 10.7% cyan, 75.5% magenta, 0% yellow and 23.1% black. It has a hue angle of 291.5 degrees, a saturation of 60.7% and a lightness of 47.8%. #af30c4 color hex could be obtained by blending #ff60ff with #5f0089. Closest websafe color is: #9933cc.

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

● #af30c4 color description : Strong magenta.

The hexadecimal color #af30c4 has RGB values of R:175, G:48, B:196 and CMYK values of C:0.11, M:0.76, Y:0, K:0.23. Its decimal value is 11481284.

Hex triplet	af30c4	`#af30c4`
RGB Decimal	175, 48, 196	`rgb(175,48,196)`
RGB Percent	68.6, 18.8, 76.9	`rgb(68.6%,18.8%,76.9%)`
CMYK	11, 76, 0, 23
HSL	291.5°, 60.7, 47.8	`hsl(291.5,60.7%,47.8%)`
HSV (or HSB)	291.5°, 75.5, 76.9
Web Safe	9933cc	`#9933cc`

CIE-LAB	45.927, 68.511, -51.193
XYZ	28.699, 15.215, 53.647
xyY	0.294, 0.156, 15.215
CIE-LCH	45.927, 85.525, 323.232
CIE-LUV	45.927, 45.902, -83.967
Hunter-Lab	39.006, 63.071, -54.239
Binary	10101111, 00110000, 11000100

#af30c4
```
#af30c4 rgb(175,48,196)
```
#45c430
```
#45c430 rgb(69,196,48)
```

Complementary Color

#6530c4
```
#6530c4 rgb(101,48,196)
```
#af30c4
```
#af30c4 rgb(175,48,196)
```
#c4308f
```
#c4308f rgb(196,48,143)
```

Analogous Color

#30c465
```
#30c465 rgb(48,196,101)
```
#af30c4
```
#af30c4 rgb(175,48,196)
```
#8fc430
```
#8fc430 rgb(143,196,48)
```

Split Complementary Color

#30c4af
```
#30c4af rgb(48,196,175)
```
#af30c4
```
#af30c4 rgb(175,48,196)
```
#c4af30
```
#c4af30 rgb(196,175,48)
```

Triadic Color

#3045c4
```
#3045c4 rgb(48,69,196)
```
#af30c4
```
#af30c4 rgb(175,48,196)
```
#c4af30
```
#c4af30 rgb(196,175,48)
```
#45c430
```
#45c430 rgb(69,196,48)
```

Tetradic Color

#782187
```
#782187 rgb(120,33,135)
```
#8a269b
```
#8a269b rgb(138,38,155)
```
#9d2bb0
```
#9d2bb0 rgb(157,43,176)
```
#af30c4
```
#af30c4 rgb(175,48,196)
```
#bb3ed0
```
#bb3ed0 rgb(187,62,208)
```
#c252d5
```
#c252d5 rgb(194,82,213)
```
#c967da
```
#c967da rgb(201,103,218)
```

Monochromatic Color

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

#8a30c4
```
#8a30c4 rgb(138,48,196)
```
#9630c4
```
#9630c4 rgb(150,48,196)
```
#a330c4
```
#a330c4 rgb(163,48,196)
```
#af30c4
```
#af30c4 rgb(175,48,196)
```
#bb30c4
```
#bb30c4 rgb(187,48,196)
```
#c430c0
```
#c430c0 rgb(196,48,192)
```
#c430b4
```
#c430b4 rgb(196,48,180)
```

Similar Colors

Text with hexadecimal color #af30c4

This text has a font color of #af30c4.

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

#af30c4 background color

This paragraph has a background color of #af30c4.

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

#af30c4 border color

This element has a border color of #af30c4.

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

CSS codes

.text {color:#af30c4;}

.background {background-color:#af30c4;}

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

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

#060207
```
#060207 rgb(6,2,7)
```
#140617
```
#140617 rgb(20,6,23)
```
#220926
```
#220926 rgb(34,9,38)
```
#300d36
```
#300d36 rgb(48,13,54)
```
#3e1146
```
#3e1146 rgb(62,17,70)
```
#4d1556
```
#4d1556 rgb(77,21,86)
```
#5b1965
```
#5b1965 rgb(91,25,101)
```
#691d75
```
#691d75 rgb(105,29,117)
```
#772185
```
#772185 rgb(119,33,133)
```
#852495
```
#852495 rgb(133,36,149)
```
#9328a4
```
#9328a4 rgb(147,40,164)
```
#a12cb4
```
#a12cb4 rgb(161,44,180)
```
#af30c4
```
#af30c4 rgb(175,48,196)
```

Shade Color Variation

#b939cf
```
#b939cf rgb(185,57,207)
```
#bf49d2
```
#bf49d2 rgb(191,73,210)
```
#c459d6
```
#c459d6 rgb(196,89,214)
```
#ca68da
```
#ca68da rgb(202,104,218)
```
#d078de
```
#d078de rgb(208,120,222)
```
#d588e2
```
#d588e2 rgb(213,136,226)
```
#db98e6
```
#db98e6 rgb(219,152,230)
```
#e0a7ea
```
#e0a7ea rgb(224,167,234)
```
#e6b7ed
```
#e6b7ed rgb(230,183,237)
```
#ebc7f1
```
#ebc7f1 rgb(235,199,241)
```
#f1d7f5
```
#f1d7f5 rgb(241,215,245)
```
#f6e6f9
```
#f6e6f9 rgb(246,230,249)
```
#fcf6fd
```
#fcf6fd rgb(252,246,253)
```

Tint Color Variation

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

#807282
```
#807282 rgb(128,114,130)
```
#87688c
```
#87688c rgb(135,104,140)
```
#8d5f95
```
#8d5f95 rgb(141,95,149)
```
#94569e
```
#94569e rgb(148,86,158)
```
#9b4ca8
```
#9b4ca8 rgb(155,76,168)
```
#a243b1
```
#a243b1 rgb(162,67,177)
```
#a839bb
```
#a839bb rgb(168,57,187)
```
#af30c4
```
#af30c4 rgb(175,48,196)
```
#b627cd
```
#b627cd rgb(182,39,205)
```
#bc1dd7
```
#bc1dd7 rgb(188,29,215)
```
#c314e0
```
#c314e0 rgb(195,20,224)
```
#ca0aea
```
#ca0aea rgb(202,10,234)
```
#d101f3
```
#d101f3 rgb(209,1,243)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#755c7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070dc Protanopia 1% of men
#4475b7 Deuteranopia 1% of men
#a46066 Tritanopia 0.001% of the population

Trichromacy

#3f59d3 Protanomaly 1% of men, 0.01% of women
#6b5bbb Deuteranomaly 6% of men, 0.4% of women
#a84e88 Tritanomaly 0.01% of the population

#af30c4 hex color

#af30c4 Color Information

#af30c4 Color Conversion

Color Schemes with #af30c4

Alternatives to #af30c4

#af30c4 Preview

Shades and Tints of #af30c4

Tones of #af30c4

Color Blindness Simulator