#af48fa hex color

In a RGB color space, hex #af48fa is composed of 68.6% red, 28.2% green and 98% blue. Whereas in a CMYK color space, it is composed of 30% cyan, 71.2% magenta, 0% yellow and 2% black. It has a hue angle of 274.7 degrees, a saturation of 94.7% and a lightness of 63.1%. #af48fa color hex could be obtained by blending #ff90ff with #5f00f5. Closest websafe color is: #9933ff.

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

● #af48fa color description : Bright violet.

The hexadecimal color #af48fa has RGB values of R:175, G:72, B:250 and CMYK values of C:0.3, M:0.71, Y:0, K:0.02. Its decimal value is 11487482.

Hex triplet	af48fa	`#af48fa`
RGB Decimal	175, 72, 250	`rgb(175,72,250)`
RGB Percent	68.6, 28.2, 98	`rgb(68.6%,28.2%,98%)`
CMYK	30, 71, 0, 2
HSL	274.7°, 94.7, 63.1	`hsl(274.7,94.7%,63.1%)`
HSV (or HSB)	274.7°, 71.2, 98
Web Safe	9933ff	`#9933ff`

CIE-LAB	52.566, 70.358, -71.175
XYZ	37.249, 20.652, 92.461
xyY	0.248, 0.137, 20.652
CIE-LCH	52.566, 100.081, 314.669
CIE-LUV	52.566, 27.869, -116.629
Hunter-Lab	45.444, 66.785, -88.822
Binary	10101111, 01001000, 11111010

#af48fa
```
#af48fa rgb(175,72,250)
```
#93fa48
```
#93fa48 rgb(147,250,72)
```

Complementary Color

#5648fa
```
#5648fa rgb(86,72,250)
```
#af48fa
```
#af48fa rgb(175,72,250)
```
#fa48ec
```
#fa48ec rgb(250,72,236)
```

Analogous Color

#48fa56
```
#48fa56 rgb(72,250,86)
```
#af48fa
```
#af48fa rgb(175,72,250)
```
#ecfa48
```
#ecfa48 rgb(236,250,72)
```

Split Complementary Color

#48faaf
```
#48faaf rgb(72,250,175)
```
#af48fa
```
#af48fa rgb(175,72,250)
```
#faaf48
```
#faaf48 rgb(250,175,72)
```

Triadic Color

#4893fa
```
#4893fa rgb(72,147,250)
```
#af48fa
```
#af48fa rgb(175,72,250)
```
#faaf48
```
#faaf48 rgb(250,175,72)
```
#93fa48
```
#93fa48 rgb(147,250,72)
```

Tetradic Color

#8d07ef
```
#8d07ef rgb(141,7,239)
```
#9916f9
```
#9916f9 rgb(153,22,249)
```
#a42ff9
```
#a42ff9 rgb(164,47,249)
```
#af48fa
```
#af48fa rgb(175,72,250)
```
#ba61fb
```
#ba61fb rgb(186,97,251)
```
#c57afb
```
#c57afb rgb(197,122,251)
```
#d092fc
```
#d092fc rgb(208,146,252)
```

Monochromatic Color

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

#8348fa
```
#8348fa rgb(131,72,250)
```
#9148fa
```
#9148fa rgb(145,72,250)
```
#a048fa
```
#a048fa rgb(160,72,250)
```
#af48fa
```
#af48fa rgb(175,72,250)
```
#be48fa
```
#be48fa rgb(190,72,250)
```
#cd48fa
```
#cd48fa rgb(205,72,250)
```
#dc48fa
```
#dc48fa rgb(220,72,250)
```

Similar Colors

Text with hexadecimal color #af48fa

This text has a font color of #af48fa.

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

#af48fa background color

This paragraph has a background color of #af48fa.

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

#af48fa border color

This element has a border color of #af48fa.

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

CSS codes

.text {color:#af48fa;}

.background {background-color:#af48fa;}

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

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

#050008
```
#050008 rgb(5,0,8)
```
#10011b
```
#10011b rgb(16,1,27)
```
#1b012e
```
#1b012e rgb(27,1,46)
```
#260241
```
#260241 rgb(38,2,65)
```
#320254
```
#320254 rgb(50,2,84)
```
#3d0367
```
#3d0367 rgb(61,3,103)
```
#48037a
```
#48037a rgb(72,3,122)
```
#54048e
```
#54048e rgb(84,4,142)
```
#5f04a1
```
#5f04a1 rgb(95,4,161)
```
#6a05b4
```
#6a05b4 rgb(106,5,180)
```
#7505c7
```
#7505c7 rgb(117,5,199)
```
#8106da
```
#8106da rgb(129,6,218)
```
#8c06ed
```
#8c06ed rgb(140,6,237)
```

Shade Color Variation

#960ff8
```
#960ff8 rgb(150,15,248)
```
#9e22f9
```
#9e22f9 rgb(158,34,249)
```
#a735f9
```
#a735f9 rgb(167,53,249)
```
#af48fa
```
#af48fa rgb(175,72,250)
```
#b75bfb
```
#b75bfb rgb(183,91,251)
```
#c06efb
```
#c06efb rgb(192,110,251)
```
#c881fc
```
#c881fc rgb(200,129,252)
```
#d094fc
```
#d094fc rgb(208,148,252)
```
#d9a7fd
```
#d9a7fd rgb(217,167,253)
```
#e1bbfd
```
#e1bbfd rgb(225,187,253)
```
#e9cefe
```
#e9cefe rgb(233,206,254)
```
#f2e1fe
```
#f2e1fe rgb(242,225,254)
```
#faf4ff
```
#faf4ff rgb(250,244,255)
```

Tint Color Variation

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

#a19fa3
```
#a19fa3 rgb(161,159,163)
```
#a298aa
```
#a298aa rgb(162,152,170)
```
#a490b2
```
#a490b2 rgb(164,144,178)
```
#a589b9
```
#a589b9 rgb(165,137,185)
```
#a682c0
```
#a682c0 rgb(166,130,192)
```
#a77bc7
```
#a77bc7 rgb(167,123,199)
```
#a873cf
```
#a873cf rgb(168,115,207)
```
#a96cd6
```
#a96cd6 rgb(169,108,214)
```
#aa65dd
```
#aa65dd rgb(170,101,221)
```
#ac5ee4
```
#ac5ee4 rgb(172,94,228)
```
#ad56ec
```
#ad56ec rgb(173,86,236)
```
#ae4ff3
```
#ae4ff3 rgb(174,79,243)
```
#af48fa
```
#af48fa rgb(175,72,250)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#857194 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fa Protanopia 1% of men
#0086de Deuteranopia 1% of men
#997c85 Tritanopia 0.001% of the population

Trichromacy

#3f6bfa Protanomaly 1% of men, 0.01% of women
#3f6fe8 Deuteranomaly 6% of men, 0.4% of women
#a169af Tritanomaly 0.01% of the population

#af48fa hex color

#af48fa Color Information

#af48fa Color Conversion

Color Schemes with #af48fa

Alternatives to #af48fa

#af48fa Preview

Shades and Tints of #af48fa

Tones of #af48fa

Color Blindness Simulator