#af48fe hex color

In a RGB color space, hex #af48fe is composed of 68.6% red, 28.2% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 31.1% cyan, 71.7% magenta, 0% yellow and 0.4% black. It has a hue angle of 274 degrees, a saturation of 98.9% and a lightness of 63.9%. #af48fe color hex could be obtained by blending #ff90ff with #5f00fd. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 69
- G 28
- B 100
RGB color chart
- C 31
- M 72
- Y 0
- K 0
CMYK color chart

● #af48fe color description : Bright violet.

The hexadecimal color #af48fe has RGB values of R:175, G:72, B:254 and CMYK values of C:0.31, M:0.72, Y:0, K:0. Its decimal value is 11487486.

Hex triplet	af48fe	`#af48fe`
RGB Decimal	175, 72, 254	`rgb(175,72,254)`
RGB Percent	68.6, 28.2, 99.6	`rgb(68.6%,28.2%,99.6%)`
CMYK	31, 72, 0, 0
HSL	274°, 98.9, 63.9	`hsl(274,98.9%,63.9%)`
HSV (or HSB)	274°, 71.7, 99.6
Web Safe	9933ff	`#9933ff`

CIE-LAB	52.846, 71.217, -72.946
XYZ	37.883, 20.905, 95.8
xyY	0.245, 0.135, 20.905
CIE-LCH	52.846, 101.946, 314.313
CIE-LUV	52.846, 27.035, -119.422
Hunter-Lab	45.722, 67.883, -92.223
Binary	10101111, 01001000, 11111110

#af48fe
```
#af48fe rgb(175,72,254)
```
#97fe48
```
#97fe48 rgb(151,254,72)
```

Complementary Color

#5448fe
```
#5448fe rgb(84,72,254)
```
#af48fe
```
#af48fe rgb(175,72,254)
```
#fe48f2
```
#fe48f2 rgb(254,72,242)
```

Analogous Color

#48fe54
```
#48fe54 rgb(72,254,84)
```
#af48fe
```
#af48fe rgb(175,72,254)
```
#f2fe48
```
#f2fe48 rgb(242,254,72)
```

Split Complementary Color

#48feaf
```
#48feaf rgb(72,254,175)
```
#af48fe
```
#af48fe rgb(175,72,254)
```
#feaf48
```
#feaf48 rgb(254,175,72)
```

Triadic Color

#4897fe
```
#4897fe rgb(72,151,254)
```
#af48fe
```
#af48fe rgb(175,72,254)
```
#feaf48
```
#feaf48 rgb(254,175,72)
```
#97fe48
```
#97fe48 rgb(151,254,72)
```

Tetradic Color

#8d01f8
```
#8d01f8 rgb(141,1,248)
```
#9915fe
```
#9915fe rgb(153,21,254)
```
#a42ffe
```
#a42ffe rgb(164,47,254)
```
#af48fe
```
#af48fe rgb(175,72,254)
```
#ba61fe
```
#ba61fe rgb(186,97,254)
```
#c57bfe
```
#c57bfe rgb(197,123,254)
```
#d094fe
```
#d094fe rgb(208,148,254)
```

Monochromatic Color

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

#8248fe
```
#8248fe rgb(130,72,254)
```
#9148fe
```
#9148fe rgb(145,72,254)
```
#a048fe
```
#a048fe rgb(160,72,254)
```
#af48fe
```
#af48fe rgb(175,72,254)
```
#be48fe
```
#be48fe rgb(190,72,254)
```
#cd48fe
```
#cd48fe rgb(205,72,254)
```
#dd48fe
```
#dd48fe rgb(221,72,254)
```

Similar Colors

Text with hexadecimal color #af48fe

This text has a font color of #af48fe.

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

#af48fe background color

This paragraph has a background color of #af48fe.

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

#af48fe border color

This element has a border color of #af48fe.

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

CSS codes

.text {color:#af48fe;}

.background {background-color:#af48fe;}

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

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

#07000c
```
#07000c rgb(7,0,12)
```
#120020
```
#120020 rgb(18,0,32)
```
#1d0033
```
#1d0033 rgb(29,0,51)
```
#280047
```
#280047 rgb(40,0,71)
```
#33005a
```
#33005a rgb(51,0,90)
```
#3e016e
```
#3e016e rgb(62,1,110)
```
#490181
```
#490181 rgb(73,1,129)
```
#540195
```
#540195 rgb(84,1,149)
```
#6001a8
```
#6001a8 rgb(96,1,168)
```
#6b01bc
```
#6b01bc rgb(107,1,188)
```
#7601cf
```
#7601cf rgb(118,1,207)
```
#8101e3
```
#8101e3 rgb(129,1,227)
```
#8c01f6
```
#8c01f6 rgb(140,1,246)
```

Shade Color Variation

#950dfe
```
#950dfe rgb(149,13,254)
```
#9e21fe
```
#9e21fe rgb(158,33,254)
```
#a634fe
```
#a634fe rgb(166,52,254)
```
#af48fe
```
#af48fe rgb(175,72,254)
```
#b85cfe
```
#b85cfe rgb(184,92,254)
```
#c06ffe
```
#c06ffe rgb(192,111,254)
```
#c983fe
```
#c983fe rgb(201,131,254)
```
#d196fe
```
#d196fe rgb(209,150,254)
```
#daaaff
```
#daaaff rgb(218,170,255)
```
#e2bdff
```
#e2bdff rgb(226,189,255)
```
#ebd1ff
```
#ebd1ff rgb(235,209,255)
```
#f3e4ff
```
#f3e4ff rgb(243,228,255)
```
#fcf8ff
```
#fcf8ff rgb(252,248,255)
```

Tint Color Variation

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

#a49da9
```
#a49da9 rgb(164,157,169)
```
#a596b0
```
#a596b0 rgb(165,150,176)
```
#a68fb7
```
#a68fb7 rgb(166,143,183)
```
#a788be
```
#a788be rgb(167,136,190)
```
#a881c5
```
#a881c5 rgb(168,129,197)
```
#a87acc
```
#a87acc rgb(168,122,204)
```
#a972d4
```
#a972d4 rgb(169,114,212)
```
#aa6bdb
```
#aa6bdb rgb(170,107,219)
```
#ab64e2
```
#ab64e2 rgb(171,100,226)
```
#ac5de9
```
#ac5de9 rgb(172,93,233)
```
#ad56f0
```
#ad56f0 rgb(173,86,240)
```
#ae4ff7
```
#ae4ff7 rgb(174,79,247)
```
#af48fe
```
#af48fe rgb(175,72,254)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#867296 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fb Protanopia 1% of men
#0087df Deuteranopia 1% of men
#987d86 Tritanopia 0.001% of the population

Trichromacy

#3f6cfc Protanomaly 1% of men, 0.01% of women
#3f70ea Deuteranomaly 6% of men, 0.4% of women
#a06ab2 Tritanomaly 0.01% of the population

#af48fe hex color

#af48fe Color Information

#af48fe Color Conversion

Color Schemes with #af48fe

Alternatives to #af48fe

#af48fe Preview

Shades and Tints of #af48fe

Tones of #af48fe

Color Blindness Simulator