#af30ef hex color

In a RGB color space, hex #af30ef is composed of 68.6% red, 18.8% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 79.9% magenta, 0% yellow and 6.3% black. It has a hue angle of 279.9 degrees, a saturation of 85.7% and a lightness of 56.3%. #af30ef color hex could be obtained by blending #ff60ff with #5f00df. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 69
- G 19
- B 94
RGB color chart
- C 27
- M 80
- Y 0
- K 6
CMYK color chart

● #af30ef color description : Bright violet.

The hexadecimal color #af30ef has RGB values of R:175, G:48, B:239 and CMYK values of C:0.27, M:0.8, Y:0, K:0.06. Its decimal value is 11481327.

Hex triplet	af30ef	`#af30ef`
RGB Decimal	175, 48, 239	`rgb(175,48,239)`
RGB Percent	68.6, 18.8, 93.7	`rgb(68.6%,18.8%,93.7%)`
CMYK	27, 80, 0, 6
HSL	279.9°, 85.7, 56.3	`hsl(279.9,85.7%,56.3%)`
HSV (or HSB)	279.9°, 79.9, 93.7
Web Safe	9933ff	`#9933ff`

CIE-LAB	48.836, 76.562, -71.074
XYZ	34.314, 17.461, 83.219
xyY	0.254, 0.129, 17.461
CIE-LCH	48.836, 104.466, 317.129
CIE-LUV	48.836, 34.027, -114.567
Hunter-Lab	41.786, 73.455, -88.829
Binary	10101111, 00110000, 11101111

#af30ef
```
#af30ef rgb(175,48,239)
```
#70ef30
```
#70ef30 rgb(112,239,48)
```

Complementary Color

#4f30ef
```
#4f30ef rgb(79,48,239)
```
#af30ef
```
#af30ef rgb(175,48,239)
```
#ef30d0
```
#ef30d0 rgb(239,48,208)
```

Analogous Color

#30ef4f
```
#30ef4f rgb(48,239,79)
```
#af30ef
```
#af30ef rgb(175,48,239)
```
#d0ef30
```
#d0ef30 rgb(208,239,48)
```

Split Complementary Color

#30efaf
```
#30efaf rgb(48,239,175)
```
#af30ef
```
#af30ef rgb(175,48,239)
```
#efaf30
```
#efaf30 rgb(239,175,48)
```

Triadic Color

#3070ef
```
#3070ef rgb(48,112,239)
```
#af30ef
```
#af30ef rgb(175,48,239)
```
#efaf30
```
#efaf30 rgb(239,175,48)
```
#70ef30
```
#70ef30 rgb(112,239,48)
```

Tetradic Color

#870fc3
```
#870fc3 rgb(135,15,195)
```
#9711db
```
#9711db rgb(151,17,219)
```
#a618ed
```
#a618ed rgb(166,24,237)
```
#af30ef
```
#af30ef rgb(175,48,239)
```
#b848f1
```
#b848f1 rgb(184,72,241)
```
#c15ff3
```
#c15ff3 rgb(193,95,243)
```
#ca77f4
```
#ca77f4 rgb(202,119,244)
```

Monochromatic Color

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

#7f30ef
```
#7f30ef rgb(127,48,239)
```
#8f30ef
```
#8f30ef rgb(143,48,239)
```
#9f30ef
```
#9f30ef rgb(159,48,239)
```
#af30ef
```
#af30ef rgb(175,48,239)
```
#bf30ef
```
#bf30ef rgb(191,48,239)
```
#cf30ef
```
#cf30ef rgb(207,48,239)
```
#df30ef
```
#df30ef rgb(223,48,239)
```

Similar Colors

Text with hexadecimal color #af30ef

This text has a font color of #af30ef.

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

#af30ef background color

This paragraph has a background color of #af30ef.

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

#af30ef border color

This element has a border color of #af30ef.

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

CSS codes

.text {color:#af30ef;}

.background {background-color:#af30ef;}

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

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, #08010b is the darkest color, while #fcf8fe is the lightest one.

#08010b
```
#08010b rgb(8,1,11)
```
#15021e
```
#15021e rgb(21,2,30)
```
#210430
```
#210430 rgb(33,4,48)
```
#2e0542
```
#2e0542 rgb(46,5,66)
```
#3a0754
```
#3a0754 rgb(58,7,84)
```
#470867
```
#470867 rgb(71,8,103)
```
#530979
```
#530979 rgb(83,9,121)
```
#600b8b
```
#600b8b rgb(96,11,139)
```
#6d0c9d
```
#6d0c9d rgb(109,12,157)
```
#790eaf
```
#790eaf rgb(121,14,175)
```
#860fc2
```
#860fc2 rgb(134,15,194)
```
#9210d4
```
#9210d4 rgb(146,16,212)
```
#9f12e6
```
#9f12e6 rgb(159,18,230)
```

Shade Color Variation

#a81eee
```
#a81eee rgb(168,30,238)
```
#af30ef
```
#af30ef rgb(175,48,239)
```
#b642f0
```
#b642f0 rgb(182,66,240)
```
#bd54f2
```
#bd54f2 rgb(189,84,242)
```
#c467f3
```
#c467f3 rgb(196,103,243)
```
#cb79f5
```
#cb79f5 rgb(203,121,245)
```
#d28bf6
```
#d28bf6 rgb(210,139,246)
```
#d99df7
```
#d99df7 rgb(217,157,247)
```
#e0aff9
```
#e0aff9 rgb(224,175,249)
```
#e7c2fa
```
#e7c2fa rgb(231,194,250)
```
#eed4fc
```
#eed4fc rgb(238,212,252)
```
#f5e6fd
```
#f5e6fd rgb(245,230,253)
```
#fcf8fe
```
#fcf8fe rgb(252,248,254)
```

Tint Color Variation

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

#908e91
```
#908e91 rgb(144,142,145)
```
#938699
```
#938699 rgb(147,134,153)
```
#967da2
```
#967da2 rgb(150,125,162)
```
#9875aa
```
#9875aa rgb(152,117,170)
```
#9b6cb3
```
#9b6cb3 rgb(155,108,179)
```
#9e63bc
```
#9e63bc rgb(158,99,188)
```
#a15bc4
```
#a15bc4 rgb(161,91,196)
```
#a452cd
```
#a452cd rgb(164,82,205)
```
#a74ad5
```
#a74ad5 rgb(167,74,213)
```
#a941de
```
#a941de rgb(169,65,222)
```
#ac39e6
```
#ac39e6 rgb(172,57,230)
```
#af30ef
```
#af30ef rgb(175,48,239)
```
#b227f8
```
#b227f8 rgb(178,39,248)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#796086 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e9 Protanopia 1% of men
#007dce Deuteranopia 1% of men
#9b6f77 Tritanopia 0.001% of the population

Trichromacy

#3f5deb Protanomaly 1% of men, 0.01% of women
#3f61da Deuteranomaly 6% of men, 0.4% of women
#a258a2 Tritanomaly 0.01% of the population

#af30ef hex color

#af30ef Color Information

#af30ef Color Conversion

Color Schemes with #af30ef

Alternatives to #af30ef

#af30ef Preview

Shades and Tints of #af30ef

Tones of #af30ef

Color Blindness Simulator