#af30fa hex color

In a RGB color space, hex #af30fa is composed of 68.6% red, 18.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 30% cyan, 80.8% magenta, 0% yellow and 2% black. It has a hue angle of 277.7 degrees, a saturation of 95.3% and a lightness of 58.4%. #af30fa color hex could be obtained by blending #ff60ff with #5f00f5. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 69
- G 19
- B 98
RGB color chart
- C 30
- M 81
- Y 0
- K 2
CMYK color chart

● #af30fa color description : Bright violet.

The hexadecimal color #af30fa has RGB values of R:175, G:48, B:250 and CMYK values of C:0.3, M:0.81, Y:0, K:0.02. Its decimal value is 11481338.

Hex triplet	af30fa	`#af30fa`
RGB Decimal	175, 48, 250	`rgb(175,48,250)`
RGB Percent	68.6, 18.8, 98	`rgb(68.6%,18.8%,98%)`
CMYK	30, 81, 0, 2
HSL	277.7°, 95.3, 58.4	`hsl(277.7,95.3%,58.4%)`
HSV (or HSB)	277.7°, 80.8, 98
Web Safe	9933ff	`#9933ff`

CIE-LAB	49.654, 78.733, -75.908
XYZ	35.989, 18.131, 92.041
xyY	0.246, 0.124, 18.131
CIE-LCH	49.654, 109.366, 316.047
CIE-LUV	49.654, 31.39, -121.974
Hunter-Lab	42.58, 76.353, -98.354
Binary	10101111, 00110000, 11111010

#af30fa
```
#af30fa rgb(175,48,250)
```
#7bfa30
```
#7bfa30 rgb(123,250,48)
```

Complementary Color

#4a30fa
```
#4a30fa rgb(74,48,250)
```
#af30fa
```
#af30fa rgb(175,48,250)
```
#fa30e0
```
#fa30e0 rgb(250,48,224)
```

Analogous Color

#30fa4a
```
#30fa4a rgb(48,250,74)
```
#af30fa
```
#af30fa rgb(175,48,250)
```
#e0fa30
```
#e0fa30 rgb(224,250,48)
```

Split Complementary Color

#30faaf
```
#30faaf rgb(48,250,175)
```
#af30fa
```
#af30fa rgb(175,48,250)
```
#faaf30
```
#faaf30 rgb(250,175,48)
```

Triadic Color

#307bfa
```
#307bfa rgb(48,123,250)
```
#af30fa
```
#af30fa rgb(175,48,250)
```
#faaf30
```
#faaf30 rgb(250,175,48)
```
#7bfa30
```
#7bfa30 rgb(123,250,48)
```

Tetradic Color

#8a05d8
```
#8a05d8 rgb(138,5,216)
```
#9a06f1
```
#9a06f1 rgb(154,6,241)
```
#a517f9
```
#a517f9 rgb(165,23,249)
```
#af30fa
```
#af30fa rgb(175,48,250)
```
#b949fb
```
#b949fb rgb(185,73,251)
```
#c262fb
```
#c262fb rgb(194,98,251)
```
#cc7bfc
```
#cc7bfc rgb(204,123,252)
```

Monochromatic Color

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

#7d30fa
```
#7d30fa rgb(125,48,250)
```
#8d30fa
```
#8d30fa rgb(141,48,250)
```
#9e30fa
```
#9e30fa rgb(158,48,250)
```
#af30fa
```
#af30fa rgb(175,48,250)
```
#c030fa
```
#c030fa rgb(192,48,250)
```
#d130fa
```
#d130fa rgb(209,48,250)
```
#e230fa
```
#e230fa rgb(226,48,250)
```

Similar Colors

Text with hexadecimal color #af30fa

This text has a font color of #af30fa.

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

#af30fa background color

This paragraph has a background color of #af30fa.

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

#af30fa border color

This element has a border color of #af30fa.

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

CSS codes

.text {color:#af30fa;}

.background {background-color:#af30fa;}

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

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

#020004
```
#020004 rgb(2,0,4)
```
#0f0117
```
#0f0117 rgb(15,1,23)
```
#1b012a
```
#1b012a rgb(27,1,42)
```
#27013d
```
#27013d rgb(39,1,61)
```
#330250
```
#330250 rgb(51,2,80)
```
#3f0263
```
#3f0263 rgb(63,2,99)
```
#4c0377
```
#4c0377 rgb(76,3,119)
```
#58038a
```
#58038a rgb(88,3,138)
```
#64049d
```
#64049d rgb(100,4,157)
```
#7004b0
```
#7004b0 rgb(112,4,176)
```
#7c05c3
```
#7c05c3 rgb(124,5,195)
```
#8905d6
```
#8905d6 rgb(137,5,214)
```
#9506ea
```
#9506ea rgb(149,6,234)
```

Shade Color Variation

#a00af9
```
#a00af9 rgb(160,10,249)
```
#a81dfa
```
#a81dfa rgb(168,29,250)
```
#af30fa
```
#af30fa rgb(175,48,250)
```
#b643fa
```
#b643fa rgb(182,67,250)
```
#be56fb
```
#be56fb rgb(190,86,251)
```
#c569fb
```
#c569fb rgb(197,105,251)
```
#cd7dfc
```
#cd7dfc rgb(205,125,252)
```
#d490fc
```
#d490fc rgb(212,144,252)
```
#dba3fd
```
#dba3fd rgb(219,163,253)
```
#e3b6fd
```
#e3b6fd rgb(227,182,253)
```
#eac9fe
```
#eac9fe rgb(234,201,254)
```
#f2dcfe
```
#f2dcfe rgb(242,220,254)
```
#f9f0ff
```
#f9f0ff rgb(249,240,255)
```

Tint Color Variation

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

#969298
```
#969298 rgb(150,146,152)
```
#988aa0
```
#988aa0 rgb(152,138,160)
```
#9a82a8
```
#9a82a8 rgb(154,130,168)
```
#9c79b1
```
#9c79b1 rgb(156,121,177)
```
#9e71b9
```
#9e71b9 rgb(158,113,185)
```
#a069c1
```
#a069c1 rgb(160,105,193)
```
#a261c9
```
#a261c9 rgb(162,97,201)
```
#a559d1
```
#a559d1 rgb(165,89,209)
```
#a751d9
```
#a751d9 rgb(167,81,217)
```
#a948e2
```
#a948e2 rgb(169,72,226)
```
#ab40ea
```
#ab40ea rgb(171,64,234)
```
#ad38f2
```
#ad38f2 rgb(173,56,242)
```
#af30fa
```
#af30fa rgb(175,48,250)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#7a6189 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ec Protanopia 1% of men
#007fd1 Deuteranopia 1% of men
#98737b Tritanopia 0.001% of the population

Trichromacy

#3f5ef1 Protanomaly 1% of men, 0.01% of women
#3f62e0 Deuteranomaly 6% of men, 0.4% of women
#a05aa9 Tritanomaly 0.01% of the population

#af30fa hex color

#af30fa Color Information

#af30fa Color Conversion

Color Schemes with #af30fa

Alternatives to #af30fa

#af30fa Preview

Shades and Tints of #af30fa

Tones of #af30fa

Color Blindness Simulator