#af30dd hex color

In a RGB color space, hex #af30dd is composed of 68.6% red, 18.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 78.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 284 degrees, a saturation of 71.8% and a lightness of 52.7%. #af30dd color hex could be obtained by blending #ff60ff with #5f00bb. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 69
- G 19
- B 87
RGB color chart
- C 21
- M 78
- Y 0
- K 13
CMYK color chart

● #af30dd color description : Bright violet.

The hexadecimal color #af30dd has RGB values of R:175, G:48, B:221 and CMYK values of C:0.21, M:0.78, Y:0, K:0.13. Its decimal value is 11481309.

Hex triplet	af30dd	`#af30dd`
RGB Decimal	175, 48, 221	`rgb(175,48,221)`
RGB Percent	68.6, 18.8, 86.7	`rgb(68.6%,18.8%,86.7%)`
CMYK	21, 78, 0, 13
HSL	284°, 71.8, 52.7	`hsl(284,71.8%,52.7%)`
HSV (or HSB)	284°, 78.3, 86.7
Web Safe	9933cc	`#9933cc`

CIE-LAB	47.559, 73.097, -62.95
XYZ	31.786, 16.45, 69.903
xyY	0.269, 0.139, 16.45
CIE-LCH	47.559, 96.467, 319.265
CIE-LUV	47.559, 38.685, -102.083
Hunter-Lab	40.558, 68.915, -73.798
Binary	10101111, 00110000, 11011101

#af30dd
```
#af30dd rgb(175,48,221)
```
#5edd30
```
#5edd30 rgb(94,221,48)
```

Complementary Color

#5930dd
```
#5930dd rgb(89,48,221)
```
#af30dd
```
#af30dd rgb(175,48,221)
```
#dd30b5
```
#dd30b5 rgb(221,48,181)
```

Analogous Color

#30dd59
```
#30dd59 rgb(48,221,89)
```
#af30dd
```
#af30dd rgb(175,48,221)
```
#b5dd30
```
#b5dd30 rgb(181,221,48)
```

Split Complementary Color

#30ddaf
```
#30ddaf rgb(48,221,175)
```
#af30dd
```
#af30dd rgb(175,48,221)
```
#ddaf30
```
#ddaf30 rgb(221,175,48)
```

Triadic Color

#305edd
```
#305edd rgb(48,94,221)
```
#af30dd
```
#af30dd rgb(175,48,221)
```
#ddaf30
```
#ddaf30 rgb(221,175,48)
```
#5edd30
```
#5edd30 rgb(94,221,48)
```

Tetradic Color

#811ba5
```
#811ba5 rgb(129,27,165)
```
#921fbb
```
#921fbb rgb(146,31,187)
```
#a322d1
```
#a322d1 rgb(163,34,209)
```
#af30dd
```
#af30dd rgb(175,48,221)
```
#b746e1
```
#b746e1 rgb(183,70,225)
```
#c05ce4
```
#c05ce4 rgb(192,92,228)
```
#c872e8
```
#c872e8 rgb(200,114,232)
```

Monochromatic Color

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

#8430dd
```
#8430dd rgb(132,48,221)
```
#9230dd
```
#9230dd rgb(146,48,221)
```
#a130dd
```
#a130dd rgb(161,48,221)
```
#af30dd
```
#af30dd rgb(175,48,221)
```
#bd30dd
```
#bd30dd rgb(189,48,221)
```
#cc30dd
```
#cc30dd rgb(204,48,221)
```
#da30dd
```
#da30dd rgb(218,48,221)
```

Similar Colors

Text with hexadecimal color #af30dd

This text has a font color of #af30dd.

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

#af30dd background color

This paragraph has a background color of #af30dd.

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

#af30dd border color

This element has a border color of #af30dd.

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

CSS codes

.text {color:#af30dd;}

.background {background-color:#af30dd;}

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

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, #09020c is the darkest color, while #fdfafe is the lightest one.

#09020c
```
#09020c rgb(9,2,12)
```
#16051d
```
#16051d rgb(22,5,29)
```
#24082e
```
#24082e rgb(36,8,46)
```
#310a3f
```
#310a3f rgb(49,10,63)
```
#3e0d4f
```
#3e0d4f rgb(62,13,79)
```
#4b1060
```
#4b1060 rgb(75,16,96)
```
#581371
```
#581371 rgb(88,19,113)
```
#651582
```
#651582 rgb(101,21,130)
```
#721893
```
#721893 rgb(114,24,147)
```
#7f1ba4
```
#7f1ba4 rgb(127,27,164)
```
#8c1eb5
```
#8c1eb5 rgb(140,30,181)
```
#9920c5
```
#9920c5 rgb(153,32,197)
```
#a723d6
```
#a723d6 rgb(167,35,214)
```

Shade Color Variation

#af30dd
```
#af30dd rgb(175,48,221)
```
#b641e0
```
#b641e0 rgb(182,65,224)
```
#bc52e3
```
#bc52e3 rgb(188,82,227)
```
#c363e5
```
#c363e5 rgb(195,99,229)
```
#c973e8
```
#c973e8 rgb(201,115,232)
```
#d084eb
```
#d084eb rgb(208,132,235)
```
#d695ee
```
#d695ee rgb(214,149,238)
```
#dda6f0
```
#dda6f0 rgb(221,166,240)
```
#e3b7f3
```
#e3b7f3 rgb(227,183,243)
```
#eac8f6
```
#eac8f6 rgb(234,200,246)
```
#f0d8f9
```
#f0d8f9 rgb(240,216,249)
```
#f7e9fb
```
#f7e9fb rgb(247,233,251)
```
#fdfafe
```
#fdfafe rgb(253,250,254)
```

Tint Color Variation

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

#88838a
```
#88838a rgb(136,131,138)
```
#8c7a93
```
#8c7a93 rgb(140,122,147)
```
#91719c
```
#91719c rgb(145,113,156)
```
#9568a5
```
#9568a5 rgb(149,104,165)
```
#995eaf
```
#995eaf rgb(153,94,175)
```
#9e55b8
```
#9e55b8 rgb(158,85,184)
```
#a24cc1
```
#a24cc1 rgb(162,76,193)
```
#a643ca
```
#a643ca rgb(166,67,202)
```
#ab39d4
```
#ab39d4 rgb(171,57,212)
```
#af30dd
```
#af30dd rgb(175,48,221)
```
#b327e6
```
#b327e6 rgb(179,39,230)
```
#b81df0
```
#b81df0 rgb(184,29,240)
```
#bc14f9
```
#bc14f9 rgb(188,20,249)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#785e81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e3 Protanopia 1% of men
#007acb Deuteranopia 1% of men
#9f6970 Tritanopia 0.001% of the population

Trichromacy

#3f5be1 Protanomaly 1% of men, 0.01% of women
#3f5fd2 Deuteranomaly 6% of men, 0.4% of women
#a55497 Tritanomaly 0.01% of the population

#af30dd hex color

#af30dd Color Information

#af30dd Color Conversion

Color Schemes with #af30dd

Alternatives to #af30dd

#af30dd Preview

Shades and Tints of #af30dd

Tones of #af30dd

Color Blindness Simulator