#af48ed hex color

In a RGB color space, hex #af48ed is composed of 68.6% red, 28.2% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 69.6% magenta, 0% yellow and 7.1% black. It has a hue angle of 277.5 degrees, a saturation of 82.1% and a lightness of 60.6%. #af48ed color hex could be obtained by blending #ff90ff with #5f00db. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 69
- G 28
- B 93
RGB color chart
- C 26
- M 70
- Y 0
- K 7
CMYK color chart

● #af48ed color description : Soft violet.

The hexadecimal color #af48ed has RGB values of R:175, G:72, B:237 and CMYK values of C:0.26, M:0.7, Y:0, K:0.07. Its decimal value is 11487469.

Hex triplet	af48ed	`#af48ed`
RGB Decimal	175, 72, 237	`rgb(175,72,237)`
RGB Percent	68.6, 28.2, 92.9	`rgb(68.6%,28.2%,92.9%)`
CMYK	26, 70, 0, 7
HSL	277.5°, 82.1, 60.6	`hsl(277.5,82.1%,60.6%)`
HSV (or HSB)	277.5°, 69.6, 92.9
Web Safe	9933ff	`#9933ff`

CIE-LAB	51.683, 67.599, -65.335
XYZ	35.28, 19.864, 82.092
xyY	0.257, 0.145, 19.864
CIE-LCH	51.683, 94.012, 315.976
CIE-LUV	51.683, 30.689, -107.396
Hunter-Lab	44.569, 63.303, -78.008
Binary	10101111, 01001000, 11101101

#af48ed
```
#af48ed rgb(175,72,237)
```
#86ed48
```
#86ed48 rgb(134,237,72)
```

Complementary Color

#5c48ed
```
#5c48ed rgb(92,72,237)
```
#af48ed
```
#af48ed rgb(175,72,237)
```
#ed48d9
```
#ed48d9 rgb(237,72,217)
```

Analogous Color

#48ed5c
```
#48ed5c rgb(72,237,92)
```
#af48ed
```
#af48ed rgb(175,72,237)
```
#d9ed48
```
#d9ed48 rgb(217,237,72)
```

Split Complementary Color

#48edaf
```
#48edaf rgb(72,237,175)
```
#af48ed
```
#af48ed rgb(175,72,237)
```
#edaf48
```
#edaf48 rgb(237,175,72)
```

Triadic Color

#4886ed
```
#4886ed rgb(72,134,237)
```
#af48ed
```
#af48ed rgb(175,72,237)
```
#edaf48
```
#edaf48 rgb(237,175,72)
```
#86ed48
```
#86ed48 rgb(134,237,72)
```

Tetradic Color

#8c15d4
```
#8c15d4 rgb(140,21,212)
```
#9b1ae8
```
#9b1ae8 rgb(155,26,232)
```
#a531eb
```
#a531eb rgb(165,49,235)
```
#af48ed
```
#af48ed rgb(175,72,237)
```
#b95fef
```
#b95fef rgb(185,95,239)
```
#c376f2
```
#c376f2 rgb(195,118,242)
```
#cd8ef4
```
#cd8ef4 rgb(205,142,244)
```

Monochromatic Color

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

#8648ed
```
#8648ed rgb(134,72,237)
```
#9448ed
```
#9448ed rgb(148,72,237)
```
#a148ed
```
#a148ed rgb(161,72,237)
```
#af48ed
```
#af48ed rgb(175,72,237)
```
#bd48ed
```
#bd48ed rgb(189,72,237)
```
#cb48ed
```
#cb48ed rgb(203,72,237)
```
#d848ed
```
#d848ed rgb(216,72,237)
```

Similar Colors

Text with hexadecimal color #af48ed

This text has a font color of #af48ed.

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

#af48ed background color

This paragraph has a background color of #af48ed.

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

#af48ed border color

This element has a border color of #af48ed.

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

CSS codes

.text {color:#af48ed;}

.background {background-color:#af48ed;}

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

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

#09010d
```
#09010d rgb(9,1,13)
```
#15031f
```
#15031f rgb(21,3,31)
```
#210531
```
#210531 rgb(33,5,49)
```
#2c0743
```
#2c0743 rgb(44,7,67)
```
#380855
```
#380855 rgb(56,8,85)
```
#440a67
```
#440a67 rgb(68,10,103)
```
#500c79
```
#500c79 rgb(80,12,121)
```
#5c0e8a
```
#5c0e8a rgb(92,14,138)
```
#670f9c
```
#670f9c rgb(103,15,156)
```
#7311ae
```
#7311ae rgb(115,17,174)
```
#7f13c0
```
#7f13c0 rgb(127,19,192)
```
#8b15d2
```
#8b15d2 rgb(139,21,210)
```
#9716e4
```
#9716e4 rgb(151,22,228)
```

Shade Color Variation

#9f24e9
```
#9f24e9 rgb(159,36,233)
```
#a736eb
```
#a736eb rgb(167,54,235)
```
#af48ed
```
#af48ed rgb(175,72,237)
```
#b75aef
```
#b75aef rgb(183,90,239)
```
#bf6cf1
```
#bf6cf1 rgb(191,108,241)
```
#c67ef2
```
#c67ef2 rgb(198,126,242)
```
#ce8ff4
```
#ce8ff4 rgb(206,143,244)
```
#d6a1f6
```
#d6a1f6 rgb(214,161,246)
```
#deb3f8
```
#deb3f8 rgb(222,179,248)
```
#e6c5f9
```
#e6c5f9 rgb(230,197,249)
```
#edd7fb
```
#edd7fb rgb(237,215,251)
```
#f5e9fd
```
#f5e9fd rgb(245,233,253)
```
#fdfbff
```
#fdfbff rgb(253,251,255)
```

Tint Color Variation

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

#9c95a0
```
#9c95a0 rgb(156,149,160)
```
#9e8ea7
```
#9e8ea7 rgb(158,142,167)
```
#a086af
```
#a086af rgb(160,134,175)
```
#a27eb7
```
#a27eb7 rgb(162,126,183)
```
#a376bf
```
#a376bf rgb(163,118,191)
```
#a56fc6
```
#a56fc6 rgb(165,111,198)
```
#a767ce
```
#a767ce rgb(167,103,206)
```
#a95fd6
```
#a95fd6 rgb(169,95,214)
```
#ab57de
```
#ab57de rgb(171,87,222)
```
#ad50e5
```
#ad50e5 rgb(173,80,229)
```
#af48ed
```
#af48ed rgb(175,72,237)
```
#b140f5
```
#b140f5 rgb(177,64,245)
```
#b339fc
```
#b339fc rgb(179,57,252)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#857091 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef6 Protanopia 1% of men
#0084dc Deuteranopia 1% of men
#9d7880 Tritanopia 0.001% of the population

Trichromacy

#3f6af3 Protanomaly 1% of men, 0.01% of women
#3f6ee2 Deuteranomaly 6% of men, 0.4% of women
#a366a8 Tritanomaly 0.01% of the population

#af48ed hex color

#af48ed Color Information

#af48ed Color Conversion

Color Schemes with #af48ed

Alternatives to #af48ed

#af48ed Preview

Shades and Tints of #af48ed

Tones of #af48ed

Color Blindness Simulator