#af5df3 hex color

In a RGB color space, hex #af5df3 is composed of 68.6% red, 36.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 28% cyan, 61.7% magenta, 0% yellow and 4.7% black. It has a hue angle of 272.8 degrees, a saturation of 86.2% and a lightness of 65.9%. #af5df3 color hex could be obtained by blending #ffbaff with #5f00e7. 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

● #af5df3 color description : Soft violet.

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

Hex triplet	af5df3	`#af5df3`
RGB Decimal	175, 93, 243	`rgb(175,93,243)`
RGB Percent	68.6, 36.5, 95.3	`rgb(68.6%,36.5%,95.3%)`
CMYK	28, 62, 0, 5
HSL	272.8°, 86.2, 65.9	`hsl(272.8,86.2%,65.9%)`
HSV (or HSB)	272.8°, 61.7, 95.3
Web Safe	9966ff	`#9966ff`

CIE-LAB	55.497, 59.419, -62.544
XYZ	37.769, 23.414, 87.319
xyY	0.254, 0.158, 23.414
CIE-LCH	55.497, 86.269, 313.532
CIE-LUV	55.497, 24.708, -104.327
Hunter-Lab	48.388, 54.646, -73.119
Binary	10101111, 01011101, 11110011

#af5df3
```
#af5df3 rgb(175,93,243)
```
#a1f35d
```
#a1f35d rgb(161,243,93)
```

Complementary Color

#645df3
```
#645df3 rgb(100,93,243)
```
#af5df3
```
#af5df3 rgb(175,93,243)
```
#f35dec
```
#f35dec rgb(243,93,236)
```

Analogous Color

#5df364
```
#5df364 rgb(93,243,100)
```
#af5df3
```
#af5df3 rgb(175,93,243)
```
#ecf35d
```
#ecf35d rgb(236,243,93)
```

Split Complementary Color

#5df3af
```
#5df3af rgb(93,243,175)
```
#af5df3
```
#af5df3 rgb(175,93,243)
```
#f3af5d
```
#f3af5d rgb(243,175,93)
```

Triadic Color

#5da1f3
```
#5da1f3 rgb(93,161,243)
```
#af5df3
```
#af5df3 rgb(175,93,243)
```
#f3af5d
```
#f3af5d rgb(243,175,93)
```
#a1f35d
```
#a1f35d rgb(161,243,93)
```

Tetradic Color

#8c16ee
```
#8c16ee rgb(140,22,238)
```
#982eef
```
#982eef rgb(152,46,239)
```
#a345f1
```
#a345f1 rgb(163,69,241)
```
#af5df3
```
#af5df3 rgb(175,93,243)
```
#bb75f5
```
#bb75f5 rgb(187,117,245)
```
#c68cf7
```
#c68cf7 rgb(198,140,247)
```
#d2a4f8
```
#d2a4f8 rgb(210,164,248)
```

Monochromatic Color

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

#8a5df3
```
#8a5df3 rgb(138,93,243)
```
#965df3
```
#965df3 rgb(150,93,243)
```
#a35df3
```
#a35df3 rgb(163,93,243)
```
#af5df3
```
#af5df3 rgb(175,93,243)
```
#bc5df3
```
#bc5df3 rgb(188,93,243)
```
#c85df3
```
#c85df3 rgb(200,93,243)
```
#d55df3
```
#d55df3 rgb(213,93,243)
```

Similar Colors

Text with hexadecimal color #af5df3

This text has a font color of #af5df3.

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

#af5df3 background color

This paragraph has a background color of #af5df3.

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

#af5df3 border color

This element has a border color of #af5df3.

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

CSS codes

.text {color:#af5df3;}

.background {background-color:#af5df3;}

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

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 #f7effe is the lightest one.

#010002
```
#010002 rgb(1,0,2)
```
#0c0215
```
#0c0215 rgb(12,2,21)
```
#170327
```
#170327 rgb(23,3,39)
```
#210439
```
#210439 rgb(33,4,57)
```
#2c064b
```
#2c064b rgb(44,6,75)
```
#36075e
```
#36075e rgb(54,7,94)
```
#410870
```
#410870 rgb(65,8,112)
```
#4c0a82
```
#4c0a82 rgb(76,10,130)
```
#560b94
```
#560b94 rgb(86,11,148)
```
#610ca7
```
#610ca7 rgb(97,12,167)
```
#6b0eb9
```
#6b0eb9 rgb(107,14,185)
```
#760fcb
```
#760fcb rgb(118,15,203)
```
#8110de
```
#8110de rgb(129,16,222)
```

Shade Color Variation

#8b14ee
```
#8b14ee rgb(139,20,238)
```
#9426ef
```
#9426ef rgb(148,38,239)
```
#9d38f0
```
#9d38f0 rgb(157,56,240)
```
#a64bf2
```
#a64bf2 rgb(166,75,242)
```
#af5df3
```
#af5df3 rgb(175,93,243)
```
#b86ff4
```
#b86ff4 rgb(184,111,244)
```
#c182f6
```
#c182f6 rgb(193,130,246)
```
#ca94f7
```
#ca94f7 rgb(202,148,247)
```
#d3a6f8
```
#d3a6f8 rgb(211,166,248)
```
#dcb8fa
```
#dcb8fa rgb(220,184,250)
```
#e5cbfb
```
#e5cbfb rgb(229,203,251)
```
#eeddfc
```
#eeddfc rgb(238,221,252)
```
#f7effe
```
#f7effe rgb(247,239,254)
```

Tint Color Variation

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

#a8a7a9
```
#a8a7a9 rgb(168,167,169)
```
#a9a0b0
```
#a9a0b0 rgb(169,160,176)
```
#a999b7
```
#a999b7 rgb(169,153,183)
```
#aa93bd
```
#aa93bd rgb(170,147,189)
```
#ab8cc4
```
#ab8cc4 rgb(171,140,196)
```
#ab85cb
```
#ab85cb rgb(171,133,203)
```
#ac7ed2
```
#ac7ed2 rgb(172,126,210)
```
#ad78d8
```
#ad78d8 rgb(173,120,216)
```
#ad71df
```
#ad71df rgb(173,113,223)
```
#ae6ae6
```
#ae6ae6 rgb(174,106,230)
```
#ae64ec
```
#ae64ec rgb(174,100,236)
```
#af5df3
```
#af5df3 rgb(175,93,243)
```
#b056fa
```
#b056fa rgb(176,86,250)
```

Tone Color Variation

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

Dichromacy

#3787ff Protanopia 1% of men
#378ce5 Deuteranopia 1% of men
#9d848e Tritanopia 0.001% of the population

Trichromacy

#6277fa Protanomaly 1% of men, 0.01% of women
#627bea Deuteranomaly 6% of men, 0.4% of women
#a376b2 Tritanomaly 0.01% of the population

#af5df3 hex color

#af5df3 Color Information

#af5df3 Color Conversion

Color Schemes with #af5df3

Alternatives to #af5df3

#af5df3 Preview

Shades and Tints of #af5df3

Tones of #af5df3

Color Blindness Simulator