#af5de1 hex color

In a RGB color space, hex #af5de1 is composed of 68.6% red, 36.5% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 58.7% magenta, 0% yellow and 11.8% black. It has a hue angle of 277.3 degrees, a saturation of 68.8% and a lightness of 62.4%. #af5de1 color hex could be obtained by blending #ffbaff with #5f00c3. Closest websafe color is: #9966cc.

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

● #af5de1 color description : Soft violet.

The hexadecimal color #af5de1 has RGB values of R:175, G:93, B:225 and CMYK values of C:0.22, M:0.59, Y:0, K:0.12. Its decimal value is 11492833.

Hex triplet	af5de1	`#af5de1`
RGB Decimal	175, 93, 225	`rgb(175,93,225)`
RGB Percent	68.6, 36.5, 88.2	`rgb(68.6%,36.5%,88.2%)`
CMYK	22, 59, 0, 12
HSL	277.3°, 68.8, 62.4	`hsl(277.3,68.8%,62.4%)`
HSV (or HSB)	277.3°, 58.7, 88.2
Web Safe	9966cc	`#9966cc`

CIE-LAB	54.428, 55.436, -54.173
XYZ	35.182, 22.38, 73.696
xyY	0.268, 0.171, 22.38
CIE-LCH	54.428, 77.511, 315.66
CIE-LUV	54.428, 28.225, -90.628
Hunter-Lab	47.307, 49.962, -59.248
Binary	10101111, 01011101, 11100001

#af5de1
```
#af5de1 rgb(175,93,225)
```
#8fe15d
```
#8fe15d rgb(143,225,93)
```

Complementary Color

#6d5de1
```
#6d5de1 rgb(109,93,225)
```
#af5de1
```
#af5de1 rgb(175,93,225)
```
#e15dd1
```
#e15dd1 rgb(225,93,209)
```

Analogous Color

#5de16d
```
#5de16d rgb(93,225,109)
```
#af5de1
```
#af5de1 rgb(175,93,225)
```
#d1e15d
```
#d1e15d rgb(209,225,93)
```

Split Complementary Color

#5de1af
```
#5de1af rgb(93,225,175)
```
#af5de1
```
#af5de1 rgb(175,93,225)
```
#e1af5d
```
#e1af5d rgb(225,175,93)
```

Triadic Color

#5d8fe1
```
#5d8fe1 rgb(93,143,225)
```
#af5de1
```
#af5de1 rgb(175,93,225)
```
#e1af5d
```
#e1af5d rgb(225,175,93)
```
#8fe15d
```
#8fe15d rgb(143,225,93)
```

Tetradic Color

#8d26cc
```
#8d26cc rgb(141,38,204)
```
#9a32d9
```
#9a32d9 rgb(154,50,217)
```
#a447dd
```
#a447dd rgb(164,71,221)
```
#af5de1
```
#af5de1 rgb(175,93,225)
```
#ba73e5
```
#ba73e5 rgb(186,115,229)
```
#c488e9
```
#c488e9 rgb(196,136,233)
```
#cf9eed
```
#cf9eed rgb(207,158,237)
```

Monochromatic Color

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

#8e5de1
```
#8e5de1 rgb(142,93,225)
```
#995de1
```
#995de1 rgb(153,93,225)
```
#a45de1
```
#a45de1 rgb(164,93,225)
```
#af5de1
```
#af5de1 rgb(175,93,225)
```
#ba5de1
```
#ba5de1 rgb(186,93,225)
```
#c55de1
```
#c55de1 rgb(197,93,225)
```
#d05de1
```
#d05de1 rgb(208,93,225)
```

Similar Colors

Text with hexadecimal color #af5de1

This text has a font color of #af5de1.

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

#af5de1 background color

This paragraph has a background color of #af5de1.

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

#af5de1 border color

This element has a border color of #af5de1.

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

CSS codes

.text {color:#af5de1;}

.background {background-color:#af5de1;}

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

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

#020104
```
#020104 rgb(2,1,4)
```
#0e0414
```
#0e0414 rgb(14,4,20)
```
#190725
```
#190725 rgb(25,7,37)
```
#250a35
```
#250a35 rgb(37,10,53)
```
#300d46
```
#300d46 rgb(48,13,70)
```
#3c1056
```
#3c1056 rgb(60,16,86)
```
#471367
```
#471367 rgb(71,19,103)
```
#531677
```
#531677 rgb(83,22,119)
```
#5e1988
```
#5e1988 rgb(94,25,136)
```
#691c98
```
#691c98 rgb(105,28,152)
```
#751fa9
```
#751fa9 rgb(117,31,169)
```
#8022ba
```
#8022ba rgb(128,34,186)
```
#8c25ca
```
#8c25ca rgb(140,37,202)
```

Shade Color Variation

#962bd8
```
#962bd8 rgb(150,43,216)
```
#9f3cdb
```
#9f3cdb rgb(159,60,219)
```
#a74cde
```
#a74cde rgb(167,76,222)
```
#af5de1
```
#af5de1 rgb(175,93,225)
```
#b76ee4
```
#b76ee4 rgb(183,110,228)
```
#bf7ee7
```
#bf7ee7 rgb(191,126,231)
```
#c88fea
```
#c88fea rgb(200,143,234)
```
#d09fed
```
#d09fed rgb(208,159,237)
```
#d8b0f0
```
#d8b0f0 rgb(216,176,240)
```
#e0c0f3
```
#e0c0f3 rgb(224,192,243)
```
#e8d1f6
```
#e8d1f6 rgb(232,209,246)
```
#f0e1fa
```
#f0e1fa rgb(240,225,250)
```
#f9f2fd
```
#f9f2fd rgb(249,242,253)
```

Tint Color Variation

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

#a198a6
```
#a198a6 rgb(161,152,166)
```
#a291ad
```
#a291ad rgb(162,145,173)
```
#a489b5
```
#a489b5 rgb(164,137,181)
```
#a682bc
```
#a682bc rgb(166,130,188)
```
#a87bc3
```
#a87bc3 rgb(168,123,195)
```
#aa73cb
```
#aa73cb rgb(170,115,203)
```
#ab6cd2
```
#ab6cd2 rgb(171,108,210)
```
#ad64da
```
#ad64da rgb(173,100,218)
```
#af5de1
```
#af5de1 rgb(175,93,225)
```
#b156e8
```
#b156e8 rgb(177,86,232)
```
#b34ef0
```
#b34ef0 rgb(179,78,240)
```
#b447f7
```
#b447f7 rgb(180,71,247)
```
#b63fff
```
#b63fff rgb(182,63,255)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#8d7d97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3084fd Protanopia 1% of men
#5189d6 Deuteranopia 1% of men
#a17f88 Tritanopia 0.001% of the population

Trichromacy

#5e76f2 Protanomaly 1% of men, 0.01% of women
#7379da Deuteranomaly 6% of men, 0.4% of women
#a673a8 Tritanomaly 0.01% of the population

#af5de1 hex color

#af5de1 Color Information

#af5de1 Color Conversion

Color Schemes with #af5de1

Alternatives to #af5de1

#af5de1 Preview

Shades and Tints of #af5de1

Tones of #af5de1

Color Blindness Simulator