#af5dd5 hex color

In a RGB color space, hex #af5dd5 is composed of 68.6% red, 36.5% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 56.3% magenta, 0% yellow and 16.5% black. It has a hue angle of 281 degrees, a saturation of 58.8% and a lightness of 60%. #af5dd5 color hex could be obtained by blending #ffbaff with #5f00ab. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 36
- B 84
RGB color chart
- C 18
- M 56
- Y 0
- K 16
CMYK color chart

● #af5dd5 color description : Moderate violet.

The hexadecimal color #af5dd5 has RGB values of R:175, G:93, B:213 and CMYK values of C:0.18, M:0.56, Y:0, K:0.16. Its decimal value is 11492821.

Hex triplet	af5dd5	`#af5dd5`
RGB Decimal	175, 93, 213	`rgb(175,93,213)`
RGB Percent	68.6, 36.5, 83.5	`rgb(68.6%,36.5%,83.5%)`
CMYK	18, 56, 0, 16
HSL	281°, 58.8, 60	`hsl(281,58.8%,60%)`
HSV (or HSB)	281°, 56.3, 83.5
Web Safe	9966cc	`#9966cc`

CIE-LAB	53.758, 52.864, -48.452
XYZ	33.602, 21.748, 65.375
xyY	0.278, 0.18, 21.748
CIE-LCH	53.758, 71.709, 317.493
CIE-LUV	53.758, 30.699, -81.255
Hunter-Lab	46.634, 47.007, -50.472
Binary	10101111, 01011101, 11010101

#af5dd5
```
#af5dd5 rgb(175,93,213)
```
#83d55d
```
#83d55d rgb(131,213,93)
```

Complementary Color

#735dd5
```
#735dd5 rgb(115,93,213)
```
#af5dd5
```
#af5dd5 rgb(175,93,213)
```
#d55dbf
```
#d55dbf rgb(213,93,191)
```

Analogous Color

#5dd573
```
#5dd573 rgb(93,213,115)
```
#af5dd5
```
#af5dd5 rgb(175,93,213)
```
#bfd55d
```
#bfd55d rgb(191,213,93)
```

Split Complementary Color

#5dd5af
```
#5dd5af rgb(93,213,175)
```
#af5dd5
```
#af5dd5 rgb(175,93,213)
```
#d5af5d
```
#d5af5d rgb(213,175,93)
```

Triadic Color

#5d83d5
```
#5d83d5 rgb(93,131,213)
```
#af5dd5
```
#af5dd5 rgb(175,93,213)
```
#d5af5d
```
#d5af5d rgb(213,175,93)
```
#83d55d
```
#83d55d rgb(131,213,93)
```

Tetradic Color

#8c2fb6
```
#8c2fb6 rgb(140,47,182)
```
#9b35cb
```
#9b35cb rgb(155,53,203)
```
#a549d0
```
#a549d0 rgb(165,73,208)
```
#af5dd5
```
#af5dd5 rgb(175,93,213)
```
#b971da
```
#b971da rgb(185,113,218)
```
#c386e0
```
#c386e0 rgb(195,134,224)
```
#cd9ae5
```
#cd9ae5 rgb(205,154,229)
```

Monochromatic Color

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

#915dd5
```
#915dd5 rgb(145,93,213)
```
#9b5dd5
```
#9b5dd5 rgb(155,93,213)
```
#a55dd5
```
#a55dd5 rgb(165,93,213)
```
#af5dd5
```
#af5dd5 rgb(175,93,213)
```
#b95dd5
```
#b95dd5 rgb(185,93,213)
```
#c35dd5
```
#c35dd5 rgb(195,93,213)
```
#cd5dd5
```
#cd5dd5 rgb(205,93,213)
```

Similar Colors

Text with hexadecimal color #af5dd5

This text has a font color of #af5dd5.

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

#af5dd5 background color

This paragraph has a background color of #af5dd5.

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

#af5dd5 border color

This element has a border color of #af5dd5.

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

CSS codes

.text {color:#af5dd5;}

.background {background-color:#af5dd5;}

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

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

#070209
```
#070209 rgb(7,2,9)
```
#130619
```
#130619 rgb(19,6,25)
```
#1f0b29
```
#1f0b29 rgb(31,11,41)
```
#2b0f38
```
#2b0f38 rgb(43,15,56)
```
#371348
```
#371348 rgb(55,19,72)
```
#431757
```
#431757 rgb(67,23,87)
```
#4f1b67
```
#4f1b67 rgb(79,27,103)
```
#5b1f76
```
#5b1f76 rgb(91,31,118)
```
#672386
```
#672386 rgb(103,35,134)
```
#722796
```
#722796 rgb(114,39,150)
```
#7e2ba5
```
#7e2ba5 rgb(126,43,165)
```
#8a2fb5
```
#8a2fb5 rgb(138,47,181)
```
#9633c4
```
#9633c4 rgb(150,51,196)
```

Shade Color Variation

#a03ecd
```
#a03ecd rgb(160,62,205)
```
#a74dd1
```
#a74dd1 rgb(167,77,209)
```
#af5dd5
```
#af5dd5 rgb(175,93,213)
```
#b76dd9
```
#b76dd9 rgb(183,109,217)
```
#be7cdd
```
#be7cdd rgb(190,124,221)
```
#c68ce1
```
#c68ce1 rgb(198,140,225)
```
#ce9be5
```
#ce9be5 rgb(206,155,229)
```
#d5abe9
```
#d5abe9 rgb(213,171,233)
```
#ddbaed
```
#ddbaed rgb(221,186,237)
```
#e5caf1
```
#e5caf1 rgb(229,202,241)
```
#eddaf5
```
#eddaf5 rgb(237,218,245)
```
#f4e9f9
```
#f4e9f9 rgb(244,233,249)
```
#fcf9fd
```
#fcf9fd rgb(252,249,253)
```

Tint Color Variation

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

#9b949e
```
#9b949e rgb(155,148,158)
```
#9e8ca6
```
#9e8ca6 rgb(158,140,166)
```
#a184ae
```
#a184ae rgb(161,132,174)
```
#a37cb6
```
#a37cb6 rgb(163,124,182)
```
#a675bd
```
#a675bd rgb(166,117,189)
```
#a96dc5
```
#a96dc5 rgb(169,109,197)
```
#ac65cd
```
#ac65cd rgb(172,101,205)
```
#af5dd5
```
#af5dd5 rgb(175,93,213)
```
#b255dd
```
#b255dd rgb(178,85,221)
```
#b54de5
```
#b54de5 rgb(181,77,229)
```
#b845ed
```
#b845ed rgb(184,69,237)
```
#bb3ef4
```
#bb3ef4 rgb(187,62,244)
```
#bd36fc
```
#bd36fc rgb(189,54,252)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#8c7b93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4583ef Protanopia 1% of men
#5d87cc Deuteranopia 1% of men
#a47c85 Tritanopia 0.001% of the population

Trichromacy

#6b75e6 Protanomaly 1% of men, 0.01% of women
#7b77cf Deuteranomaly 6% of men, 0.4% of women
#a871a2 Tritanomaly 0.01% of the population

#af5dd5 hex color

#af5dd5 Color Information

#af5dd5 Color Conversion

Color Schemes with #af5dd5

Alternatives to #af5dd5

#af5dd5 Preview

Shades and Tints of #af5dd5

Tones of #af5dd5

Color Blindness Simulator