#af5cdd hex color

In a RGB color space, hex #af5cdd is composed of 68.6% red, 36.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 58.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 278.6 degrees, a saturation of 65.5% and a lightness of 61.4%. #af5cdd color hex could be obtained by blending #ffb8ff with #5f00bb. 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

● #af5cdd color description : Soft violet.

The hexadecimal color #af5cdd has RGB values of R:175, G:92, B:221 and CMYK values of C:0.21, M:0.58, Y:0, K:0.13. Its decimal value is 11492573.

Hex triplet	af5cdd	`#af5cdd`
RGB Decimal	175, 92, 221	`rgb(175,92,221)`
RGB Percent	68.6, 36.1, 86.7	`rgb(68.6%,36.1%,86.7%)`
CMYK	21, 58, 0, 13
HSL	278.6°, 65.5, 61.4	`hsl(278.6,65.5%,61.4%)`
HSV (or HSB)	278.6°, 58.4, 86.7
Web Safe	9966cc	`#9966cc`

CIE-LAB	54.016, 55.066, -52.574
XYZ	34.556, 21.99, 70.827
xyY	0.271, 0.173, 21.99
CIE-LCH	54.016, 76.133, 316.327
CIE-LUV	54.016, 29.327, -87.968
Hunter-Lab	46.893, 49.474, -56.726
Binary	10101111, 01011100, 11011101

#af5cdd
```
#af5cdd rgb(175,92,221)
```
#8add5c
```
#8add5c rgb(138,221,92)
```

Complementary Color

#6f5cdd
```
#6f5cdd rgb(111,92,221)
```
#af5cdd
```
#af5cdd rgb(175,92,221)
```
#dd5ccb
```
#dd5ccb rgb(221,92,203)
```

Analogous Color

#5cdd6f
```
#5cdd6f rgb(92,221,111)
```
#af5cdd
```
#af5cdd rgb(175,92,221)
```
#cbdd5c
```
#cbdd5c rgb(203,221,92)
```

Split Complementary Color

#5cddaf
```
#5cddaf rgb(92,221,175)
```
#af5cdd
```
#af5cdd rgb(175,92,221)
```
#ddaf5c
```
#ddaf5c rgb(221,175,92)
```

Triadic Color

#5c8add
```
#5c8add rgb(92,138,221)
```
#af5cdd
```
#af5cdd rgb(175,92,221)
```
#ddaf5c
```
#ddaf5c rgb(221,175,92)
```
#8add5c
```
#8add5c rgb(138,221,92)
```

Tetradic Color

#8c29c4
```
#8c29c4 rgb(140,41,196)
```
#9a32d4
```
#9a32d4 rgb(154,50,212)
```
#a547d9
```
#a547d9 rgb(165,71,217)
```
#af5cdd
```
#af5cdd rgb(175,92,221)
```
#b971e1
```
#b971e1 rgb(185,113,225)
```
#c486e6
```
#c486e6 rgb(196,134,230)
```
#ce9bea
```
#ce9bea rgb(206,155,234)
```

Monochromatic Color

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

#8f5cdd
```
#8f5cdd rgb(143,92,221)
```
#9a5cdd
```
#9a5cdd rgb(154,92,221)
```
#a45cdd
```
#a45cdd rgb(164,92,221)
```
#af5cdd
```
#af5cdd rgb(175,92,221)
```
#ba5cdd
```
#ba5cdd rgb(186,92,221)
```
#c55cdd
```
#c55cdd rgb(197,92,221)
```
#cf5cdd
```
#cf5cdd rgb(207,92,221)
```

Similar Colors

Text with hexadecimal color #af5cdd

This text has a font color of #af5cdd.

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

#af5cdd background color

This paragraph has a background color of #af5cdd.

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

#af5cdd border color

This element has a border color of #af5cdd.

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

CSS codes

.text {color:#af5cdd;}

.background {background-color:#af5cdd;}

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

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, #0b0310 is the darkest color, while #fffeff is the lightest one.

#0b0310
```
#0b0310 rgb(11,3,16)
```
#170720
```
#170720 rgb(23,7,32)
```
#220a30
```
#220a30 rgb(34,10,48)
```
#2e0d40
```
#2e0d40 rgb(46,13,64)
```
#3a1150
```
#3a1150 rgb(58,17,80)
```
#451461
```
#451461 rgb(69,20,97)
```
#511871
```
#511871 rgb(81,24,113)
```
#5d1b81
```
#5d1b81 rgb(93,27,129)
```
#681e91
```
#681e91 rgb(104,30,145)
```
#7422a2
```
#7422a2 rgb(116,34,162)
```
#8025b2
```
#8025b2 rgb(128,37,178)
```
#8b28c2
```
#8b28c2 rgb(139,40,194)
```
#972cd2
```
#972cd2 rgb(151,44,210)
```

Shade Color Variation

#9f3cd6
```
#9f3cd6 rgb(159,60,214)
```
#a74cda
```
#a74cda rgb(167,76,218)
```
#af5cdd
```
#af5cdd rgb(175,92,221)
```
#b76ce0
```
#b76ce0 rgb(183,108,224)
```
#bf7ce4
```
#bf7ce4 rgb(191,124,228)
```
#c78de7
```
#c78de7 rgb(199,141,231)
```
#cf9deb
```
#cf9deb rgb(207,157,235)
```
#d7adee
```
#d7adee rgb(215,173,238)
```
#dfbdf1
```
#dfbdf1 rgb(223,189,241)
```
#e7cef5
```
#e7cef5 rgb(231,206,245)
```
#efdef8
```
#efdef8 rgb(239,222,248)
```
#f7eefb
```
#f7eefb rgb(247,238,251)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#9e99a0
```
#9e99a0 rgb(158,153,160)
```
#a091a8
```
#a091a8 rgb(160,145,168)
```
#a289b0
```
#a289b0 rgb(162,137,176)
```
#a482b7
```
#a482b7 rgb(164,130,183)
```
#a67abf
```
#a67abf rgb(166,122,191)
```
#a873c6
```
#a873c6 rgb(168,115,198)
```
#ab6bce
```
#ab6bce rgb(171,107,206)
```
#ad64d5
```
#ad64d5 rgb(173,100,213)
```
#af5cdd
```
#af5cdd rgb(175,92,221)
```
#b154e5
```
#b154e5 rgb(177,84,229)
```
#b34dec
```
#b34dec rgb(179,77,236)
```
#b645f4
```
#b645f4 rgb(182,69,244)
```
#b83efb
```
#b83efb rgb(184,62,251)
```

Tone Color Variation

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

#3583f9 Protanopia 1% of men
#5488d2 Deuteranopia 1% of men
#a27e86 Tritanopia 0.001% of the population

Trichromacy

#6175ee Protanomaly 1% of men, 0.01% of women
#7578d6 Deuteranomaly 6% of men, 0.4% of women
#a771a6 Tritanomaly 0.01% of the population

#af5cdd hex color

#af5cdd Color Information

#af5cdd Color Conversion

Color Schemes with #af5cdd

Alternatives to #af5cdd

#af5cdd Preview

Shades and Tints of #af5cdd

Tones of #af5cdd

Color Blindness Simulator