#af5dde hex color

In a RGB color space, hex #af5dde is composed of 68.6% red, 36.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 21.2% cyan, 58.1% magenta, 0% yellow and 12.9% black. It has a hue angle of 278.1 degrees, a saturation of 66.2% and a lightness of 61.8%. #af5dde color hex could be obtained by blending #ffbaff with #5f00bd. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 36
- B 87
RGB color chart
- C 21
- M 58
- Y 0
- K 13
CMYK color chart

● #af5dde color description : Soft violet.

The hexadecimal color #af5dde has RGB values of R:175, G:93, B:222 and CMYK values of C:0.21, M:0.58, Y:0, K:0.13. Its decimal value is 11492830.

Hex triplet	af5dde	`#af5dde`
RGB Decimal	175, 93, 222	`rgb(175,93,222)`
RGB Percent	68.6, 36.5, 87.1	`rgb(68.6%,36.5%,87.1%)`
CMYK	21, 58, 0, 13
HSL	278.1°, 66.2, 61.8	`hsl(278.1,66.2%,61.8%)`
HSV (or HSB)	278.1°, 58.1, 87.1
Web Safe	9966cc	`#9966cc`

CIE-LAB	54.257, 54.786, -52.754
XYZ	34.777, 22.217, 71.56
xyY	0.271, 0.173, 22.217
CIE-LCH	54.257, 76.056, 316.083
CIE-LUV	54.257, 28.834, -88.302
Hunter-Lab	47.135, 49.21, -57.018
Binary	10101111, 01011101, 11011110

#af5dde
```
#af5dde rgb(175,93,222)
```
#8cde5d
```
#8cde5d rgb(140,222,93)
```

Complementary Color

#6f5dde
```
#6f5dde rgb(111,93,222)
```
#af5dde
```
#af5dde rgb(175,93,222)
```
#de5dcd
```
#de5dcd rgb(222,93,205)
```

Analogous Color

#5dde6f
```
#5dde6f rgb(93,222,111)
```
#af5dde
```
#af5dde rgb(175,93,222)
```
#cdde5d
```
#cdde5d rgb(205,222,93)
```

Split Complementary Color

#5ddeaf
```
#5ddeaf rgb(93,222,175)
```
#af5dde
```
#af5dde rgb(175,93,222)
```
#deaf5d
```
#deaf5d rgb(222,175,93)
```

Triadic Color

#5d8cde
```
#5d8cde rgb(93,140,222)
```
#af5dde
```
#af5dde rgb(175,93,222)
```
#deaf5d
```
#deaf5d rgb(222,175,93)
```
#8cde5d
```
#8cde5d rgb(140,222,93)
```

Tetradic Color

#8d28c6
```
#8d28c6 rgb(141,40,198)
```
#9a33d5
```
#9a33d5 rgb(154,51,213)
```
#a548da
```
#a548da rgb(165,72,218)
```
#af5dde
```
#af5dde rgb(175,93,222)
```
#b972e2
```
#b972e2 rgb(185,114,226)
```
#c487e7
```
#c487e7 rgb(196,135,231)
```
#ce9deb
```
#ce9deb rgb(206,157,235)
```

Monochromatic Color

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

#8f5dde
```
#8f5dde rgb(143,93,222)
```
#9a5dde
```
#9a5dde rgb(154,93,222)
```
#a45dde
```
#a45dde rgb(164,93,222)
```
#af5dde
```
#af5dde rgb(175,93,222)
```
#ba5dde
```
#ba5dde rgb(186,93,222)
```
#c55dde
```
#c55dde rgb(197,93,222)
```
#cf5dde
```
#cf5dde rgb(207,93,222)
```

Similar Colors

Text with hexadecimal color #af5dde

This text has a font color of #af5dde.

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

#af5dde background color

This paragraph has a background color of #af5dde.

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

#af5dde border color

This element has a border color of #af5dde.

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

CSS codes

.text {color:#af5dde;}

.background {background-color:#af5dde;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0c0411
```
#0c0411 rgb(12,4,17)
```
#180722
```
#180722 rgb(24,7,34)
```
#230a32
```
#230a32 rgb(35,10,50)
```
#2f0d42
```
#2f0d42 rgb(47,13,66)
```
#3b1152
```
#3b1152 rgb(59,17,82)
```
#461463
```
#461463 rgb(70,20,99)
```
#521773
```
#521773 rgb(82,23,115)
```
#5d1b83
```
#5d1b83 rgb(93,27,131)
```
#691e94
```
#691e94 rgb(105,30,148)
```
#7421a4
```
#7421a4 rgb(116,33,164)
```
#8025b4
```
#8025b4 rgb(128,37,180)
```
#8b28c5
```
#8b28c5 rgb(139,40,197)
```

Shade Color Variation

#972cd4
```
#972cd4 rgb(151,44,212)
```
#9f3cd7
```
#9f3cd7 rgb(159,60,215)
```
#a74ddb
```
#a74ddb rgb(167,77,219)
```
#af5dde
```
#af5dde rgb(175,93,222)
```
#b76de1
```
#b76de1 rgb(183,109,225)
```
#bf7ee5
```
#bf7ee5 rgb(191,126,229)
```
#c78ee8
```
#c78ee8 rgb(199,142,232)
```
#cf9eeb
```
#cf9eeb rgb(207,158,235)
```
#d7aeef
```
#d7aeef rgb(215,174,239)
```
#dfbff2
```
#dfbff2 rgb(223,191,242)
```
#e7cff5
```
#e7cff5 rgb(231,207,245)
```
#efdff9
```
#efdff9 rgb(239,223,249)
```
#f7f0fc
```
#f7f0fc rgb(247,240,252)
```

Tint Color Variation

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

#9f99a2
```
#9f99a2 rgb(159,153,162)
```
#a192aa
```
#a192aa rgb(161,146,170)
```
#a38ab1
```
#a38ab1 rgb(163,138,177)
```
#a583b9
```
#a583b9 rgb(165,131,185)
```
#a77bc0
```
#a77bc0 rgb(167,123,192)
```
#a974c8
```
#a974c8 rgb(169,116,200)
```
#ab6ccf
```
#ab6ccf rgb(171,108,207)
```
#ad65d7
```
#ad65d7 rgb(173,101,215)
```
#af5dde
```
#af5dde rgb(175,93,222)
```
#b156e6
```
#b156e6 rgb(177,86,230)
```
#b34eed
```
#b34eed rgb(179,78,237)
```
#b547f5
```
#b547f5 rgb(181,71,245)
```
#b73ffc
```
#b73ffc rgb(183,63,252)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#8d7c96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3684f9 Protanopia 1% of men
#5588d3 Deuteranopia 1% of men
#a27e87 Tritanopia 0.001% of the population

Trichromacy

#6276ef Protanomaly 1% of men, 0.01% of women
#7578d7 Deuteranomaly 6% of men, 0.4% of women
#a772a7 Tritanomaly 0.01% of the population

#af5dde hex color

#af5dde Color Information

#af5dde Color Conversion

Color Schemes with #af5dde

Alternatives to #af5dde

#af5dde Preview

Shades and Tints of #af5dde

Tones of #af5dde

Color Blindness Simulator