#af30f0 hex color

In a RGB color space, hex #af30f0 is composed of 68.6% red, 18.8% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 80% magenta, 0% yellow and 5.9% black. It has a hue angle of 279.7 degrees, a saturation of 86.5% and a lightness of 56.5%. #af30f0 color hex could be obtained by blending #ff60ff with #5f00e1. 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

● #af30f0 color description : Bright violet.

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

Hex triplet	af30f0	`#af30f0`
RGB Decimal	175, 48, 240	`rgb(175,48,240)`
RGB Percent	68.6, 18.8, 94.1	`rgb(68.6%,18.8%,94.1%)`
CMYK	27, 80, 0, 6
HSL	279.7°, 86.5, 56.5	`hsl(279.7,86.5%,56.5%)`
HSV (or HSB)	279.7°, 80, 94.1
Web Safe	9933ff	`#9933ff`

CIE-LAB	48.909, 76.757, -71.518
XYZ	34.462, 17.52, 84
xyY	0.253, 0.129, 17.52
CIE-LCH	48.909, 104.912, 317.024
CIE-LUV	48.909, 33.781, -115.247
Hunter-Lab	41.857, 73.714, -89.684
Binary	10101111, 00110000, 11110000

#af30f0
```
#af30f0 rgb(175,48,240)
```
#71f030
```
#71f030 rgb(113,240,48)
```

Complementary Color

#4f30f0
```
#4f30f0 rgb(79,48,240)
```
#af30f0
```
#af30f0 rgb(175,48,240)
```
#f030d1
```
#f030d1 rgb(240,48,209)
```

Analogous Color

#30f04f
```
#30f04f rgb(48,240,79)
```
#af30f0
```
#af30f0 rgb(175,48,240)
```
#d1f030
```
#d1f030 rgb(209,240,48)
```

Split Complementary Color

#30f0af
```
#30f0af rgb(48,240,175)
```
#af30f0
```
#af30f0 rgb(175,48,240)
```
#f0af30
```
#f0af30 rgb(240,175,48)
```

Triadic Color

#3071f0
```
#3071f0 rgb(48,113,240)
```
#af30f0
```
#af30f0 rgb(175,48,240)
```
#f0af30
```
#f0af30 rgb(240,175,48)
```
#71f030
```
#71f030 rgb(113,240,48)
```

Tetradic Color

#870ec5
```
#870ec5 rgb(135,14,197)
```
#9810dd
```
#9810dd rgb(152,16,221)
```
#a618ee
```
#a618ee rgb(166,24,238)
```
#af30f0
```
#af30f0 rgb(175,48,240)
```
#b848f2
```
#b848f2 rgb(184,72,242)
```
#c160f3
```
#c160f3 rgb(193,96,243)
```
#cb77f5
```
#cb77f5 rgb(203,119,245)
```

Monochromatic Color

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

#7f30f0
```
#7f30f0 rgb(127,48,240)
```
#8f30f0
```
#8f30f0 rgb(143,48,240)
```
#9f30f0
```
#9f30f0 rgb(159,48,240)
```
#af30f0
```
#af30f0 rgb(175,48,240)
```
#bf30f0
```
#bf30f0 rgb(191,48,240)
```
#cf30f0
```
#cf30f0 rgb(207,48,240)
```
#df30f0
```
#df30f0 rgb(223,48,240)
```

Similar Colors

Text with hexadecimal color #af30f0

This text has a font color of #af30f0.

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

#af30f0 background color

This paragraph has a background color of #af30f0.

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

#af30f0 border color

This element has a border color of #af30f0.

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

CSS codes

.text {color:#af30f0;}

.background {background-color:#af30f0;}

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

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

#09010c
```
#09010c rgb(9,1,12)
```
#15021f
```
#15021f rgb(21,2,31)
```
#220431
```
#220431 rgb(34,4,49)
```
#2e0543
```
#2e0543 rgb(46,5,67)
```
#3b0656
```
#3b0656 rgb(59,6,86)
```
#470868
```
#470868 rgb(71,8,104)
```
#54097a
```
#54097a rgb(84,9,122)
```
#600a8d
```
#600a8d rgb(96,10,141)
```
#6d0c9f
```
#6d0c9f rgb(109,12,159)
```
#790db1
```
#790db1 rgb(121,13,177)
```
#860ec3
```
#860ec3 rgb(134,14,195)
```
#930fd6
```
#930fd6 rgb(147,15,214)
```
#9f11e8
```
#9f11e8 rgb(159,17,232)
```

Shade Color Variation

#a81eef
```
#a81eef rgb(168,30,239)
```
#af30f0
```
#af30f0 rgb(175,48,240)
```
#b642f1
```
#b642f1 rgb(182,66,241)
```
#bd55f3
```
#bd55f3 rgb(189,85,243)
```
#c467f4
```
#c467f4 rgb(196,103,244)
```
#cb79f5
```
#cb79f5 rgb(203,121,245)
```
#d28bf7
```
#d28bf7 rgb(210,139,247)
```
#d99ef8
```
#d99ef8 rgb(217,158,248)
```
#e0b0f9
```
#e0b0f9 rgb(224,176,249)
```
#e8c2fb
```
#e8c2fb rgb(232,194,251)
```
#efd5fc
```
#efd5fc rgb(239,213,252)
```
#f6e7fd
```
#f6e7fd rgb(246,231,253)
```
#fdf9ff
```
#fdf9ff rgb(253,249,255)
```

Tint Color Variation

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

#918e92
```
#918e92 rgb(145,142,146)
```
#93859b
```
#93859b rgb(147,133,155)
```
#967da3
```
#967da3 rgb(150,125,163)
```
#9974ac
```
#9974ac rgb(153,116,172)
```
#9c6cb4
```
#9c6cb4 rgb(156,108,180)
```
#9e63bd
```
#9e63bd rgb(158,99,189)
```
#a15bc5
```
#a15bc5 rgb(161,91,197)
```
#a452ce
```
#a452ce rgb(164,82,206)
```
#a74ad6
```
#a74ad6 rgb(167,74,214)
```
#a941df
```
#a941df rgb(169,65,223)
```
#ac39e7
```
#ac39e7 rgb(172,57,231)
```
#af30f0
```
#af30f0 rgb(175,48,240)
```
#b227f9
```
#b227f9 rgb(178,39,249)
```

Tone Color Variation

Below, you can see how #af30f0 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
#007dcf Deuteranopia 1% of men
#9b6f77 Tritanopia 0.001% of the population

Trichromacy

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

#af30f0 hex color

#af30f0 Color Information

#af30f0 Color Conversion

Color Schemes with #af30f0

Alternatives to #af30f0

#af30f0 Preview

Shades and Tints of #af30f0

Tones of #af30f0

Color Blindness Simulator