#af5fdd hex color

In a RGB color space, hex #af5fdd is composed of 68.6% red, 37.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 57% magenta, 0% yellow and 13.3% black. It has a hue angle of 278.1 degrees, a saturation of 64.9% and a lightness of 62%. #af5fdd color hex could be obtained by blending #ffbeff with #5f00bb. Closest websafe color is: #9966cc.

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

● #af5fdd color description : Soft violet.

The hexadecimal color #af5fdd has RGB values of R:175, G:95, B:221 and CMYK values of C:0.21, M:0.57, Y:0, K:0.13. Its decimal value is 11493341.

Hex triplet	af5fdd	`#af5fdd`
RGB Decimal	175, 95, 221	`rgb(175,95,221)`
RGB Percent	68.6, 37.3, 86.7	`rgb(68.6%,37.3%,86.7%)`
CMYK	21, 57, 0, 13
HSL	278.1°, 64.9, 62	`hsl(278.1,64.9%,62%)`
HSV (or HSB)	278.1°, 57, 86.7
Web Safe	9966cc	`#9966cc`

CIE-LAB	54.574, 53.57, -51.683
XYZ	34.821, 22.52, 70.915
xyY	0.271, 0.176, 22.52
CIE-LCH	54.574, 74.438, 316.027
CIE-LUV	54.574, 28.452, -86.621
Hunter-Lab	47.455, 47.931, -55.383
Binary	10101111, 01011111, 11011101

#af5fdd
```
#af5fdd rgb(175,95,221)
```
#8ddd5f
```
#8ddd5f rgb(141,221,95)
```

Complementary Color

#705fdd
```
#705fdd rgb(112,95,221)
```
#af5fdd
```
#af5fdd rgb(175,95,221)
```
#dd5fcc
```
#dd5fcc rgb(221,95,204)
```

Analogous Color

#5fdd70
```
#5fdd70 rgb(95,221,112)
```
#af5fdd
```
#af5fdd rgb(175,95,221)
```
#ccdd5f
```
#ccdd5f rgb(204,221,95)
```

Split Complementary Color

#5fddaf
```
#5fddaf rgb(95,221,175)
```
#af5fdd
```
#af5fdd rgb(175,95,221)
```
#ddaf5f
```
#ddaf5f rgb(221,175,95)
```

Triadic Color

#5f8ddd
```
#5f8ddd rgb(95,141,221)
```
#af5fdd
```
#af5fdd rgb(175,95,221)
```
#ddaf5f
```
#ddaf5f rgb(221,175,95)
```
#8ddd5f
```
#8ddd5f rgb(141,221,95)
```

Tetradic Color

#8d2ac6
```
#8d2ac6 rgb(141,42,198)
```
#9a35d4
```
#9a35d4 rgb(154,53,212)
```
#a44ad9
```
#a44ad9 rgb(164,74,217)
```
#af5fdd
```
#af5fdd rgb(175,95,221)
```
#ba74e1
```
#ba74e1 rgb(186,116,225)
```
#c489e6
```
#c489e6 rgb(196,137,230)
```
#cf9eea
```
#cf9eea rgb(207,158,234)
```

Monochromatic Color

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

#905fdd
```
#905fdd rgb(144,95,221)
```
#9a5fdd
```
#9a5fdd rgb(154,95,221)
```
#a55fdd
```
#a55fdd rgb(165,95,221)
```
#af5fdd
```
#af5fdd rgb(175,95,221)
```
#ba5fdd
```
#ba5fdd rgb(186,95,221)
```
#c45fdd
```
#c45fdd rgb(196,95,221)
```
#cf5fdd
```
#cf5fdd rgb(207,95,221)
```

Similar Colors

Text with hexadecimal color #af5fdd

This text has a font color of #af5fdd.

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

#af5fdd background color

This paragraph has a background color of #af5fdd.

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

#af5fdd border color

This element has a border color of #af5fdd.

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

CSS codes

.text {color:#af5fdd;}

.background {background-color:#af5fdd;}

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

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

#010002
```
#010002 rgb(1,0,2)
```
#0d0412
```
#0d0412 rgb(13,4,18)
```
#180722
```
#180722 rgb(24,7,34)
```
#240b32
```
#240b32 rgb(36,11,50)
```
#2f0e42
```
#2f0e42 rgb(47,14,66)
```
#3b1253
```
#3b1253 rgb(59,18,83)
```
#461563
```
#461563 rgb(70,21,99)
```
#521873
```
#521873 rgb(82,24,115)
```
#5d1c83
```
#5d1c83 rgb(93,28,131)
```
#691f93
```
#691f93 rgb(105,31,147)
```
#7523a4
```
#7523a4 rgb(117,35,164)
```
#8026b4
```
#8026b4 rgb(128,38,180)
```
#8c2ac4
```
#8c2ac4 rgb(140,42,196)
```

Shade Color Variation

#972ed3
```
#972ed3 rgb(151,46,211)
```
#9f3fd6
```
#9f3fd6 rgb(159,63,214)
```
#a74fda
```
#a74fda rgb(167,79,218)
```
#af5fdd
```
#af5fdd rgb(175,95,221)
```
#b76fe0
```
#b76fe0 rgb(183,111,224)
```
#bf7fe4
```
#bf7fe4 rgb(191,127,228)
```
#c790e7
```
#c790e7 rgb(199,144,231)
```
#cfa0eb
```
#cfa0eb rgb(207,160,235)
```
#d7b0ee
```
#d7b0ee rgb(215,176,238)
```
#e0c0f2
```
#e0c0f2 rgb(224,192,242)
```
#e8d0f5
```
#e8d0f5 rgb(232,208,245)
```
#f0e0f9
```
#f0e0f9 rgb(240,224,249)
```
#f8f1fc
```
#f8f1fc rgb(248,241,252)
```

Tint Color Variation

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

#9f9ba1
```
#9f9ba1 rgb(159,155,161)
```
#a193a9
```
#a193a9 rgb(161,147,169)
```
#a38cb0
```
#a38cb0 rgb(163,140,176)
```
#a584b8
```
#a584b8 rgb(165,132,184)
```
#a77dbf
```
#a77dbf rgb(167,125,191)
```
#a975c7
```
#a975c7 rgb(169,117,199)
```
#ab6ece
```
#ab6ece rgb(171,110,206)
```
#ad66d6
```
#ad66d6 rgb(173,102,214)
```
#af5fdd
```
#af5fdd rgb(175,95,221)
```
#b158e4
```
#b158e4 rgb(177,88,228)
```
#b350ec
```
#b350ec rgb(179,80,236)
```
#b549f3
```
#b549f3 rgb(181,73,243)
```
#b741fb
```
#b741fb rgb(183,65,251)
```

Tone Color Variation

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

#3e85f7 Protanopia 1% of men
#5889d3 Deuteranopia 1% of men
#a27f88 Tritanopia 0.001% of the population

Trichromacy

#6777ee Protanomaly 1% of men, 0.01% of women
#777ad6 Deuteranomaly 6% of men, 0.4% of women
#a773a7 Tritanomaly 0.01% of the population

#af5fdd hex color

#af5fdd Color Information

#af5fdd Color Conversion

Color Schemes with #af5fdd

Alternatives to #af5fdd

#af5fdd Preview

Shades and Tints of #af5fdd

Tones of #af5fdd

Color Blindness Simulator