#af48fd hex color

In a RGB color space, hex #af48fd is composed of 68.6% red, 28.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 71.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 274.1 degrees, a saturation of 97.8% and a lightness of 63.7%. #af48fd color hex could be obtained by blending #ff90ff with #5f00fb. Closest websafe color is: #9933ff.

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

● #af48fd color description : Bright violet.

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

Hex triplet	af48fd	`#af48fd`
RGB Decimal	175, 72, 253	`rgb(175,72,253)`
RGB Percent	68.6, 28.2, 99.2	`rgb(68.6%,28.2%,99.2%)`
CMYK	31, 72, 0, 1
HSL	274.1°, 97.8, 63.7	`hsl(274.1,97.8%,63.7%)`
HSV (or HSB)	274.1°, 71.5, 99.2
Web Safe	9933ff	`#9933ff`

CIE-LAB	52.775, 71.002, -72.505
XYZ	37.724, 20.841, 94.959
xyY	0.246, 0.136, 20.841
CIE-LCH	52.775, 101.48, 314.4
CIE-LUV	52.775, 27.242, -118.726
Hunter-Lab	45.652, 67.608, -91.369
Binary	10101111, 01001000, 11111101

#af48fd
```
#af48fd rgb(175,72,253)
```
#96fd48
```
#96fd48 rgb(150,253,72)
```

Complementary Color

#5548fd
```
#5548fd rgb(85,72,253)
```
#af48fd
```
#af48fd rgb(175,72,253)
```
#fd48f1
```
#fd48f1 rgb(253,72,241)
```

Analogous Color

#48fd55
```
#48fd55 rgb(72,253,85)
```
#af48fd
```
#af48fd rgb(175,72,253)
```
#f1fd48
```
#f1fd48 rgb(241,253,72)
```

Split Complementary Color

#48fdaf
```
#48fdaf rgb(72,253,175)
```
#af48fd
```
#af48fd rgb(175,72,253)
```
#fdaf48
```
#fdaf48 rgb(253,175,72)
```

Triadic Color

#4896fd
```
#4896fd rgb(72,150,253)
```
#af48fd
```
#af48fd rgb(175,72,253)
```
#fdaf48
```
#fdaf48 rgb(253,175,72)
```
#96fd48
```
#96fd48 rgb(150,253,72)
```

Tetradic Color

#8d03f6
```
#8d03f6 rgb(141,3,246)
```
#9916fc
```
#9916fc rgb(153,22,252)
```
#a42ffd
```
#a42ffd rgb(164,47,253)
```
#af48fd
```
#af48fd rgb(175,72,253)
```
#ba61fd
```
#ba61fd rgb(186,97,253)
```
#c57afe
```
#c57afe rgb(197,122,254)
```
#d094fe
```
#d094fe rgb(208,148,254)
```

Monochromatic Color

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

#8248fd
```
#8248fd rgb(130,72,253)
```
#9148fd
```
#9148fd rgb(145,72,253)
```
#a048fd
```
#a048fd rgb(160,72,253)
```
#af48fd
```
#af48fd rgb(175,72,253)
```
#be48fd
```
#be48fd rgb(190,72,253)
```
#cd48fd
```
#cd48fd rgb(205,72,253)
```
#dc48fd
```
#dc48fd rgb(220,72,253)
```

Similar Colors

Text with hexadecimal color #af48fd

This text has a font color of #af48fd.

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

#af48fd background color

This paragraph has a background color of #af48fd.

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

#af48fd border color

This element has a border color of #af48fd.

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

CSS codes

.text {color:#af48fd;}

.background {background-color:#af48fd;}

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

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

#06000b
```
#06000b rgb(6,0,11)
```
#11001e
```
#11001e rgb(17,0,30)
```
#1d0132
```
#1d0132 rgb(29,1,50)
```
#280145
```
#280145 rgb(40,1,69)
```
#330159
```
#330159 rgb(51,1,89)
```
#3e016c
```
#3e016c rgb(62,1,108)
```
#49017f
```
#49017f rgb(73,1,127)
```
#540293
```
#540293 rgb(84,2,147)
```
#5f02a6
```
#5f02a6 rgb(95,2,166)
```
#6b02ba
```
#6b02ba rgb(107,2,186)
```
#7602cd
```
#7602cd rgb(118,2,205)
```
#8102e0
```
#8102e0 rgb(129,2,224)
```
#8c03f4
```
#8c03f4 rgb(140,3,244)
```

Shade Color Variation

#960efc
```
#960efc rgb(150,14,252)
```
#9e21fd
```
#9e21fd rgb(158,33,253)
```
#a735fd
```
#a735fd rgb(167,53,253)
```
#af48fd
```
#af48fd rgb(175,72,253)
```
#b75bfd
```
#b75bfd rgb(183,91,253)
```
#c06ffd
```
#c06ffd rgb(192,111,253)
```
#c882fe
```
#c882fe rgb(200,130,254)
```
#d196fe
```
#d196fe rgb(209,150,254)
```
#d9a9fe
```
#d9a9fe rgb(217,169,254)
```
#e2bcfe
```
#e2bcfe rgb(226,188,254)
```
#ead0fe
```
#ead0fe rgb(234,208,254)
```
#f3e3ff
```
#f3e3ff rgb(243,227,255)
```
#fbf7ff
```
#fbf7ff rgb(251,247,255)
```

Tint Color Variation

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

#a39da8
```
#a39da8 rgb(163,157,168)
```
#a496af
```
#a496af rgb(164,150,175)
```
#a58fb6
```
#a58fb6 rgb(165,143,182)
```
#a688bd
```
#a688bd rgb(166,136,189)
```
#a781c4
```
#a781c4 rgb(167,129,196)
```
#a87acb
```
#a87acb rgb(168,122,203)
```
#a973d2
```
#a973d2 rgb(169,115,210)
```
#aa6cd9
```
#aa6cd9 rgb(170,108,217)
```
#ab64e1
```
#ab64e1 rgb(171,100,225)
```
#ac5de8
```
#ac5de8 rgb(172,93,232)
```
#ad56ef
```
#ad56ef rgb(173,86,239)
```
#ae4ff6
```
#ae4ff6 rgb(174,79,246)
```
#af48fd
```
#af48fd rgb(175,72,253)
```

Tone Color Variation

Below, you can see how #af48fd 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
#857195 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#3f6cfb Protanomaly 1% of men, 0.01% of women
#3f70e9 Deuteranomaly 6% of men, 0.4% of women
#a16ab1 Tritanomaly 0.01% of the population

#af48fd hex color

#af48fd Color Information

#af48fd Color Conversion

Color Schemes with #af48fd

Alternatives to #af48fd

#af48fd Preview

Shades and Tints of #af48fd

Tones of #af48fd

Color Blindness Simulator