#af48e0 hex color

In a RGB color space, hex #af48e0 is composed of 68.6% red, 28.2% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 21.9% cyan, 67.9% magenta, 0% yellow and 12.2% black. It has a hue angle of 280.7 degrees, a saturation of 71% and a lightness of 58%. #af48e0 color hex could be obtained by blending #ff90ff with #5f00c1. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 69
- G 28
- B 88
RGB color chart
- C 22
- M 68
- Y 0
- K 12
CMYK color chart

● #af48e0 color description : Soft violet.

The hexadecimal color #af48e0 has RGB values of R:175, G:72, B:224 and CMYK values of C:0.22, M:0.68, Y:0, K:0.12. Its decimal value is 11487456.

Hex triplet	af48e0	`#af48e0`
RGB Decimal	175, 72, 224	`rgb(175,72,224)`
RGB Percent	68.6, 28.2, 87.8	`rgb(68.6%,28.2%,87.8%)`
CMYK	22, 68, 0, 12
HSL	280.7°, 71, 58	`hsl(280.7,71%,58%)`
HSV (or HSB)	280.7°, 67.9, 87.8
Web Safe	9933cc	`#9933cc`

CIE-LAB	50.841, 64.903, -59.36
XYZ	33.449, 19.132, 72.448
xyY	0.268, 0.153, 19.132
CIE-LCH	50.841, 87.954, 317.554
CIE-LUV	50.841, 33.683, -97.918
Hunter-Lab	43.74, 59.961, -67.587
Binary	10101111, 01001000, 11100000

#af48e0
```
#af48e0 rgb(175,72,224)
```
#79e048
```
#79e048 rgb(121,224,72)
```

Complementary Color

#6348e0
```
#6348e0 rgb(99,72,224)
```
#af48e0
```
#af48e0 rgb(175,72,224)
```
#e048c5
```
#e048c5 rgb(224,72,197)
```

Analogous Color

#48e063
```
#48e063 rgb(72,224,99)
```
#af48e0
```
#af48e0 rgb(175,72,224)
```
#c5e048
```
#c5e048 rgb(197,224,72)
```

Split Complementary Color

#48e0af
```
#48e0af rgb(72,224,175)
```
#af48e0
```
#af48e0 rgb(175,72,224)
```
#e0af48
```
#e0af48 rgb(224,175,72)
```

Triadic Color

#4879e0
```
#4879e0 rgb(72,121,224)
```
#af48e0
```
#af48e0 rgb(175,72,224)
```
#e0af48
```
#e0af48 rgb(224,175,72)
```
#79e048
```
#79e048 rgb(121,224,72)
```

Tetradic Color

#8920bc
```
#8920bc rgb(137,32,188)
```
#9923d2
```
#9923d2 rgb(153,35,210)
```
#a532dc
```
#a532dc rgb(165,50,220)
```
#af48e0
```
#af48e0 rgb(175,72,224)
```
#b95ee4
```
#b95ee4 rgb(185,94,228)
```
#c274e7
```
#c274e7 rgb(194,116,231)
```
#cc89eb
```
#cc89eb rgb(204,137,235)
```

Monochromatic Color

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

#8948e0
```
#8948e0 rgb(137,72,224)
```
#9648e0
```
#9648e0 rgb(150,72,224)
```
#a248e0
```
#a248e0 rgb(162,72,224)
```
#af48e0
```
#af48e0 rgb(175,72,224)
```
#bc48e0
```
#bc48e0 rgb(188,72,224)
```
#c848e0
```
#c848e0 rgb(200,72,224)
```
#d548e0
```
#d548e0 rgb(213,72,224)
```

Similar Colors

Text with hexadecimal color #af48e0

This text has a font color of #af48e0.

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

#af48e0 background color

This paragraph has a background color of #af48e0.

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

#af48e0 border color

This element has a border color of #af48e0.

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

CSS codes

.text {color:#af48e0;}

.background {background-color:#af48e0;}

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

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

#010002
```
#010002 rgb(1,0,2)
```
#0d0312
```
#0d0312 rgb(13,3,18)
```
#1a0623
```
#1a0623 rgb(26,6,35)
```
#260934
```
#260934 rgb(38,9,52)
```
#320c45
```
#320c45 rgb(50,12,69)
```
#3f0e55
```
#3f0e55 rgb(63,14,85)
```
#4b1166
```
#4b1166 rgb(75,17,102)
```
#571477
```
#571477 rgb(87,20,119)
```
#631788
```
#631788 rgb(99,23,136)
```
#701a98
```
#701a98 rgb(112,26,152)
```
#7c1da9
```
#7c1da9 rgb(124,29,169)
```
#8820ba
```
#8820ba rgb(136,32,186)
```
#9422cb
```
#9422cb rgb(148,34,203)
```

Shade Color Variation

#a026da
```
#a026da rgb(160,38,218)
```
#a837dd
```
#a837dd rgb(168,55,221)
```
#af48e0
```
#af48e0 rgb(175,72,224)
```
#b659e3
```
#b659e3 rgb(182,89,227)
```
#be6ae6
```
#be6ae6 rgb(190,106,230)
```
#c57ae9
```
#c57ae9 rgb(197,122,233)
```
#cc8beb
```
#cc8beb rgb(204,139,235)
```
#d49cee
```
#d49cee rgb(212,156,238)
```
#dbadf1
```
#dbadf1 rgb(219,173,241)
```
#e2bdf4
```
#e2bdf4 rgb(226,189,244)
```
#eacef7
```
#eacef7 rgb(234,206,247)
```
#f1dffa
```
#f1dffa rgb(241,223,250)
```
#f8f0fc
```
#f8f0fc rgb(248,240,252)
```

Tint Color Variation

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

#959296
```
#959296 rgb(149,146,150)
```
#988a9e
```
#988a9e rgb(152,138,158)
```
#9b82a6
```
#9b82a6 rgb(155,130,166)
```
#9d79af
```
#9d79af rgb(157,121,175)
```
#a071b7
```
#a071b7 rgb(160,113,183)
```
#a369bf
```
#a369bf rgb(163,105,191)
```
#a661c7
```
#a661c7 rgb(166,97,199)
```
#a958d0
```
#a958d0 rgb(169,88,208)
```
#ac50d8
```
#ac50d8 rgb(172,80,216)
```
#af48e0
```
#af48e0 rgb(175,72,224)
```
#b240e8
```
#b240e8 rgb(178,64,232)
```
#b538f0
```
#b538f0 rgb(181,56,240)
```
#b82ff9
```
#b82ff9 rgb(184,47,249)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#836e8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#007cf3 Protanopia 1% of men
#3681d2 Deuteranopia 1% of men
#a0747c Tritanopia 0.001% of the population

Trichromacy

#3f69ec Protanomaly 1% of men, 0.01% of women
#626cd7 Deuteranomaly 6% of men, 0.4% of women
#a564a0 Tritanomaly 0.01% of the population

#af48e0 hex color

#af48e0 Color Information

#af48e0 Color Conversion

Color Schemes with #af48e0

Alternatives to #af48e0

#af48e0 Preview

Shades and Tints of #af48e0

Tones of #af48e0

Color Blindness Simulator