#af5df2 hex color

In a RGB color space, hex #af5df2 is composed of 68.6% red, 36.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 27.7% cyan, 61.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 273 degrees, a saturation of 85.1% and a lightness of 65.7%. #af5df2 color hex could be obtained by blending #ffbaff with #5f00e5. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 69
- G 36
- B 95
RGB color chart
- C 28
- M 62
- Y 0
- K 5
CMYK color chart

● #af5df2 color description : Soft violet.

The hexadecimal color #af5df2 has RGB values of R:175, G:93, B:242 and CMYK values of C:0.28, M:0.62, Y:0, K:0.05. Its decimal value is 11492850.

Hex triplet	af5df2	`#af5df2`
RGB Decimal	175, 93, 242	`rgb(175,93,242)`
RGB Percent	68.6, 36.5, 94.9	`rgb(68.6%,36.5%,94.9%)`
CMYK	28, 62, 0, 5
HSL	273°, 85.1, 65.7	`hsl(273,85.1%,65.7%)`
HSV (or HSB)	273°, 61.6, 94.9
Web Safe	9966ff	`#9966ff`

CIE-LAB	55.435, 59.194, -62.086
XYZ	37.618, 23.354, 86.526
xyY	0.255, 0.158, 23.354
CIE-LCH	55.435, 85.782, 313.634
CIE-LUV	55.435, 24.897, -103.578
Hunter-Lab	48.326, 54.378, -72.328
Binary	10101111, 01011101, 11110010

#af5df2
```
#af5df2 rgb(175,93,242)
```
#a0f25d
```
#a0f25d rgb(160,242,93)
```

Complementary Color

#655df2
```
#655df2 rgb(101,93,242)
```
#af5df2
```
#af5df2 rgb(175,93,242)
```
#f25deb
```
#f25deb rgb(242,93,235)
```

Analogous Color

#5df265
```
#5df265 rgb(93,242,101)
```
#af5df2
```
#af5df2 rgb(175,93,242)
```
#ebf25d
```
#ebf25d rgb(235,242,93)
```

Split Complementary Color

#5df2af
```
#5df2af rgb(93,242,175)
```
#af5df2
```
#af5df2 rgb(175,93,242)
```
#f2af5d
```
#f2af5d rgb(242,175,93)
```

Triadic Color

#5da0f2
```
#5da0f2 rgb(93,160,242)
```
#af5df2
```
#af5df2 rgb(175,93,242)
```
#f2af5d
```
#f2af5d rgb(242,175,93)
```
#a0f25d
```
#a0f25d rgb(160,242,93)
```

Tetradic Color

#8c16ec
```
#8c16ec rgb(140,22,236)
```
#982eee
```
#982eee rgb(152,46,238)
```
#a345f0
```
#a345f0 rgb(163,69,240)
```
#af5df2
```
#af5df2 rgb(175,93,242)
```
#bb75f4
```
#bb75f4 rgb(187,117,244)
```
#c68cf6
```
#c68cf6 rgb(198,140,246)
```
#d2a4f8
```
#d2a4f8 rgb(210,164,248)
```

Monochromatic Color

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

#8a5df2
```
#8a5df2 rgb(138,93,242)
```
#965df2
```
#965df2 rgb(150,93,242)
```
#a35df2
```
#a35df2 rgb(163,93,242)
```
#af5df2
```
#af5df2 rgb(175,93,242)
```
#bb5df2
```
#bb5df2 rgb(187,93,242)
```
#c85df2
```
#c85df2 rgb(200,93,242)
```
#d45df2
```
#d45df2 rgb(212,93,242)
```

Similar Colors

Text with hexadecimal color #af5df2

This text has a font color of #af5df2.

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

#af5df2 background color

This paragraph has a background color of #af5df2.

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

#af5df2 border color

This element has a border color of #af5df2.

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

CSS codes

.text {color:#af5df2;}

.background {background-color:#af5df2;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0b0214
```
#0b0214 rgb(11,2,20)
```
#160326
```
#160326 rgb(22,3,38)
```
#210438
```
#210438 rgb(33,4,56)
```
#2b064a
```
#2b064a rgb(43,6,74)
```
#36075c
```
#36075c rgb(54,7,92)
```
#41096e
```
#41096e rgb(65,9,110)
```
#4b0a81
```
#4b0a81 rgb(75,10,129)
```
#560c93
```
#560c93 rgb(86,12,147)
```
#610da5
```
#610da5 rgb(97,13,165)
```
#6b0fb7
```
#6b0fb7 rgb(107,15,183)
```
#7610c9
```
#7610c9 rgb(118,16,201)
```
#8112db
```
#8112db rgb(129,18,219)
```

Shade Color Variation

#8b14ec
```
#8b14ec rgb(139,20,236)
```
#9427ee
```
#9427ee rgb(148,39,238)
```
#9d39ef
```
#9d39ef rgb(157,57,239)
```
#a64bf1
```
#a64bf1 rgb(166,75,241)
```
#af5df2
```
#af5df2 rgb(175,93,242)
```
#b86ff3
```
#b86ff3 rgb(184,111,243)
```
#c181f5
```
#c181f5 rgb(193,129,245)
```
#ca93f6
```
#ca93f6 rgb(202,147,246)
```
#d3a6f8
```
#d3a6f8 rgb(211,166,248)
```
#dcb8f9
```
#dcb8f9 rgb(220,184,249)
```
#e5cafb
```
#e5cafb rgb(229,202,251)
```
#eedcfc
```
#eedcfc rgb(238,220,252)
```
#f7eefe
```
#f7eefe rgb(247,238,254)
```

Tint Color Variation

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

#a8a7a8
```
#a8a7a8 rgb(168,167,168)
```
#a8a0af
```
#a8a0af rgb(168,160,175)
```
#a99ab5
```
#a99ab5 rgb(169,154,181)
```
#aa93bc
```
#aa93bc rgb(170,147,188)
```
#aa8cc3
```
#aa8cc3 rgb(170,140,195)
```
#ab85ca
```
#ab85ca rgb(171,133,202)
```
#ac7fd0
```
#ac7fd0 rgb(172,127,208)
```
#ac78d7
```
#ac78d7 rgb(172,120,215)
```
#ad71de
```
#ad71de rgb(173,113,222)
```
#ae6ae5
```
#ae6ae5 rgb(174,106,229)
```
#ae64eb
```
#ae64eb rgb(174,100,235)
```
#af5df2
```
#af5df2 rgb(175,93,242)
```
#b056f9
```
#b056f9 rgb(176,86,249)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#8f7f9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3687ff Protanopia 1% of men
#398ce5 Deuteranopia 1% of men
#9d848d Tritanopia 0.001% of the population

Trichromacy

#6277fa Protanomaly 1% of men, 0.01% of women
#647be9 Deuteranomaly 6% of men, 0.4% of women
#a476b2 Tritanomaly 0.01% of the population

#af5df2 hex color

#af5df2 Color Information

#af5df2 Color Conversion

Color Schemes with #af5df2

Alternatives to #af5df2

#af5df2 Preview

Shades and Tints of #af5df2

Tones of #af5df2

Color Blindness Simulator