#af30df hex color

In a RGB color space, hex #af30df is composed of 68.6% red, 18.8% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 21.5% cyan, 78.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 283.5 degrees, a saturation of 73.2% and a lightness of 53.1%. #af30df color hex could be obtained by blending #ff60ff with #5f00bf. Closest websafe color is: #9933cc.

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

● #af30df color description : Bright violet.

The hexadecimal color #af30df has RGB values of R:175, G:48, B:223 and CMYK values of C:0.22, M:0.78, Y:0, K:0.13. Its decimal value is 11481311.

Hex triplet	af30df	`#af30df`
RGB Decimal	175, 48, 223	`rgb(175,48,223)`
RGB Percent	68.6, 18.8, 87.5	`rgb(68.6%,18.8%,87.5%)`
CMYK	22, 78, 0, 13
HSL	283.5°, 73.2, 53.1	`hsl(283.5,73.2%,53.1%)`
HSV (or HSB)	283.5°, 78.5, 87.5
Web Safe	9933cc	`#9933cc`

CIE-LAB	47.697, 73.475, -63.867
XYZ	32.054, 16.557, 71.315
xyY	0.267, 0.138, 16.557
CIE-LCH	47.697, 97.353, 319.002
CIE-LUV	47.697, 38.146, -103.493
Hunter-Lab	40.69, 69.407, -75.431
Binary	10101111, 00110000, 11011111

#af30df
```
#af30df rgb(175,48,223)
```
#60df30
```
#60df30 rgb(96,223,48)
```

Complementary Color

#5830df
```
#5830df rgb(88,48,223)
```
#af30df
```
#af30df rgb(175,48,223)
```
#df30b8
```
#df30b8 rgb(223,48,184)
```

Analogous Color

#30df58
```
#30df58 rgb(48,223,88)
```
#af30df
```
#af30df rgb(175,48,223)
```
#b8df30
```
#b8df30 rgb(184,223,48)
```

Split Complementary Color

#30dfaf
```
#30dfaf rgb(48,223,175)
```
#af30df
```
#af30df rgb(175,48,223)
```
#dfaf30
```
#dfaf30 rgb(223,175,48)
```

Triadic Color

#3060df
```
#3060df rgb(48,96,223)
```
#af30df
```
#af30df rgb(175,48,223)
```
#dfaf30
```
#dfaf30 rgb(223,175,48)
```
#60df30
```
#60df30 rgb(96,223,48)
```

Tetradic Color

#811aa8
```
#811aa8 rgb(129,26,168)
```
#921dbf
```
#921dbf rgb(146,29,191)
```
#a321d5
```
#a321d5 rgb(163,33,213)
```
#af30df
```
#af30df rgb(175,48,223)
```
#b846e2
```
#b846e2 rgb(184,70,226)
```
#c05ce6
```
#c05ce6 rgb(192,92,230)
```
#c972e9
```
#c972e9 rgb(201,114,233)
```

Monochromatic Color

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

#8330df
```
#8330df rgb(131,48,223)
```
#9230df
```
#9230df rgb(146,48,223)
```
#a030df
```
#a030df rgb(160,48,223)
```
#af30df
```
#af30df rgb(175,48,223)
```
#be30df
```
#be30df rgb(190,48,223)
```
#cc30df
```
#cc30df rgb(204,48,223)
```
#db30df
```
#db30df rgb(219,48,223)
```

Similar Colors

Text with hexadecimal color #af30df

This text has a font color of #af30df.

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

#af30df background color

This paragraph has a background color of #af30df.

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

#af30df border color

This element has a border color of #af30df.

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

CSS codes

.text {color:#af30df;}

.background {background-color:#af30df;}

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

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

#0b020e
```
#0b020e rgb(11,2,14)
```
#18051f
```
#18051f rgb(24,5,31)
```
#250730
```
#250730 rgb(37,7,48)
```
#320a41
```
#320a41 rgb(50,10,65)
```
#3f0d52
```
#3f0d52 rgb(63,13,82)
```
#4c0f63
```
#4c0f63 rgb(76,15,99)
```
#591274
```
#591274 rgb(89,18,116)
```
#661585
```
#661585 rgb(102,21,133)
```
#731796
```
#731796 rgb(115,23,150)
```
#801aa7
```
#801aa7 rgb(128,26,167)
```
#8d1cb8
```
#8d1cb8 rgb(141,28,184)
```
#9a1fc9
```
#9a1fc9 rgb(154,31,201)
```
#a722da
```
#a722da rgb(167,34,218)
```

Shade Color Variation

#af30df
```
#af30df rgb(175,48,223)
```
#b641e2
```
#b641e2 rgb(182,65,226)
```
#bc52e4
```
#bc52e4 rgb(188,82,228)
```
#c363e7
```
#c363e7 rgb(195,99,231)
```
#c974ea
```
#c974ea rgb(201,116,234)
```
#d085ec
```
#d085ec rgb(208,133,236)
```
#d696ef
```
#d696ef rgb(214,150,239)
```
#dda7f1
```
#dda7f1 rgb(221,167,241)
```
#e4b8f4
```
#e4b8f4 rgb(228,184,244)
```
#eac9f7
```
#eac9f7 rgb(234,201,247)
```
#f1daf9
```
#f1daf9 rgb(241,218,249)
```
#f7ebfc
```
#f7ebfc rgb(247,235,252)
```
#fefcff
```
#fefcff rgb(254,252,255)
```

Tint Color Variation

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

#8a838c
```
#8a838c rgb(138,131,140)
```
#8e7a95
```
#8e7a95 rgb(142,122,149)
```
#92709f
```
#92709f rgb(146,112,159)
```
#9667a8
```
#9667a8 rgb(150,103,168)
```
#9a5eb1
```
#9a5eb1 rgb(154,94,177)
```
#9e55ba
```
#9e55ba rgb(158,85,186)
```
#a34cc3
```
#a34cc3 rgb(163,76,195)
```
#a742cd
```
#a742cd rgb(167,66,205)
```
#ab39d6
```
#ab39d6 rgb(171,57,214)
```
#af30df
```
#af30df rgb(175,48,223)
```
#b327e8
```
#b327e8 rgb(179,39,232)
```
#b71ef1
```
#b71ef1 rgb(183,30,241)
```
#bb14fb
```
#bb14fb rgb(187,20,251)
```

Tone Color Variation

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

#0075e4 Protanopia 1% of men
#007acc Deuteranopia 1% of men
#9f6970 Tritanopia 0.001% of the population

Trichromacy

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

#af30df hex color

#af30df Color Information

#af30df Color Conversion

Color Schemes with #af30df

Alternatives to #af30df

#af30df Preview

Shades and Tints of #af30df

Tones of #af30df

Color Blindness Simulator