#af48df hex color

In a RGB color space, hex #af48df is composed of 68.6% red, 28.2% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 21.5% cyan, 67.7% magenta, 0% yellow and 12.5% black. It has a hue angle of 280.9 degrees, a saturation of 70.2% and a lightness of 57.8%. #af48df color hex could be obtained by blending #ff90ff with #5f00bf. Closest websafe color is: #9933cc.

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

● #af48df color description : Soft violet.

The hexadecimal color #af48df has RGB values of R:175, G:72, B:223 and CMYK values of C:0.22, M:0.68, Y:0, K:0.13. Its decimal value is 11487455.

Hex triplet	af48df	`#af48df`
RGB Decimal	175, 72, 223	`rgb(175,72,223)`
RGB Percent	68.6, 28.2, 87.5	`rgb(68.6%,28.2%,87.5%)`
CMYK	22, 68, 0, 13
HSL	280.9°, 70.2, 57.8	`hsl(280.9,70.2%,57.8%)`
HSV (or HSB)	280.9°, 67.7, 87.5
Web Safe	9933cc	`#9933cc`

CIE-LAB	50.778, 64.698, -58.895
XYZ	33.314, 19.077, 71.735
xyY	0.268, 0.154, 19.077
CIE-LCH	50.778, 87.49, 317.688
CIE-LUV	50.778, 33.92, -97.179
Hunter-Lab	43.678, 59.71, -66.802
Binary	10101111, 01001000, 11011111

#af48df
```
#af48df rgb(175,72,223)
```
#78df48
```
#78df48 rgb(120,223,72)
```

Complementary Color

#6448df
```
#6448df rgb(100,72,223)
```
#af48df
```
#af48df rgb(175,72,223)
```
#df48c4
```
#df48c4 rgb(223,72,196)
```

Analogous Color

#48df63
```
#48df63 rgb(72,223,99)
```
#af48df
```
#af48df rgb(175,72,223)
```
#c4df48
```
#c4df48 rgb(196,223,72)
```

Split Complementary Color

#48dfaf
```
#48dfaf rgb(72,223,175)
```
#af48df
```
#af48df rgb(175,72,223)
```
#dfaf48
```
#dfaf48 rgb(223,175,72)
```

Triadic Color

#4878df
```
#4878df rgb(72,120,223)
```
#af48df
```
#af48df rgb(175,72,223)
```
#dfaf48
```
#dfaf48 rgb(223,175,72)
```
#78df48
```
#78df48 rgb(120,223,72)
```

Tetradic Color

#8921ba
```
#8921ba rgb(137,33,186)
```
#9924d0
```
#9924d0 rgb(153,36,208)
```
#a632db
```
#a632db rgb(166,50,219)
```
#af48df
```
#af48df rgb(175,72,223)
```
#b85ee3
```
#b85ee3 rgb(184,94,227)
```
#c273e7
```
#c273e7 rgb(194,115,231)
```
#cb89ea
```
#cb89ea rgb(203,137,234)
```

Monochromatic Color

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

#8948df
```
#8948df rgb(137,72,223)
```
#9648df
```
#9648df rgb(150,72,223)
```
#a248df
```
#a248df rgb(162,72,223)
```
#af48df
```
#af48df rgb(175,72,223)
```
#bc48df
```
#bc48df rgb(188,72,223)
```
#c848df
```
#c848df rgb(200,72,223)
```
#d548df
```
#d548df rgb(213,72,223)
```

Similar Colors

Text with hexadecimal color #af48df

This text has a font color of #af48df.

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

#af48df background color

This paragraph has a background color of #af48df.

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

#af48df border color

This element has a border color of #af48df.

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

CSS codes

.text {color:#af48df;}

.background {background-color:#af48df;}

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

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

#000001
```
#000001 rgb(0,0,1)
```
#0d0311
```
#0d0311 rgb(13,3,17)
```
#190622
```
#190622 rgb(25,6,34)
```
#250933
```
#250933 rgb(37,9,51)
```
#320c43
```
#320c43 rgb(50,12,67)
```
#3e0f54
```
#3e0f54 rgb(62,15,84)
```
#4a1265
```
#4a1265 rgb(74,18,101)
```
#571576
```
#571576 rgb(87,21,118)
```
#631786
```
#631786 rgb(99,23,134)
```
#6f1a97
```
#6f1a97 rgb(111,26,151)
```
#7c1da8
```
#7c1da8 rgb(124,29,168)
```
#8820b8
```
#8820b8 rgb(136,32,184)
```
#9423c9
```
#9423c9 rgb(148,35,201)
```

Shade Color Variation

#a027d9
```
#a027d9 rgb(160,39,217)
```
#a837dc
```
#a837dc rgb(168,55,220)
```
#af48df
```
#af48df rgb(175,72,223)
```
#b659e2
```
#b659e2 rgb(182,89,226)
```
#be69e5
```
#be69e5 rgb(190,105,229)
```
#c57ae8
```
#c57ae8 rgb(197,122,232)
```
#cc8beb
```
#cc8beb rgb(204,139,235)
```
#d39bee
```
#d39bee rgb(211,155,238)
```
#dbacf1
```
#dbacf1 rgb(219,172,241)
```
#e2bdf3
```
#e2bdf3 rgb(226,189,243)
```
#e9cef6
```
#e9cef6 rgb(233,206,246)
```
#f1def9
```
#f1def9 rgb(241,222,249)
```
#f8effc
```
#f8effc rgb(248,239,252)
```

Tint Color Variation

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

#949295
```
#949295 rgb(148,146,149)
```
#978a9d
```
#978a9d rgb(151,138,157)
```
#9a82a5
```
#9a82a5 rgb(154,130,165)
```
#9d7aad
```
#9d7aad rgb(157,122,173)
```
#a071b6
```
#a071b6 rgb(160,113,182)
```
#a369be
```
#a369be rgb(163,105,190)
```
#a661c6
```
#a661c6 rgb(166,97,198)
```
#a959ce
```
#a959ce rgb(169,89,206)
```
#ac50d7
```
#ac50d7 rgb(172,80,215)
```
#af48df
```
#af48df rgb(175,72,223)
```
#b240e7
```
#b240e7 rgb(178,64,231)
```
#b537f0
```
#b537f0 rgb(181,55,240)
```
#b82ff8
```
#b82ff8 rgb(184,47,248)
```

Tone Color Variation

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

#007bf2 Protanopia 1% of men
#3781d1 Deuteranopia 1% of men
#a0737b Tritanopia 0.001% of the population

Trichromacy

#3f69eb Protanomaly 1% of men, 0.01% of women
#636cd6 Deuteranomaly 6% of men, 0.4% of women
#a5639f Tritanomaly 0.01% of the population

#af48df hex color

#af48df Color Information

#af48df Color Conversion

Color Schemes with #af48df

Alternatives to #af48df

#af48df Preview

Shades and Tints of #af48df

Tones of #af48df

Color Blindness Simulator