#af5bd5 hex color

In a RGB color space, hex #af5bd5 is composed of 68.6% red, 35.7% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 57.3% magenta, 0% yellow and 16.5% black. It has a hue angle of 281.3 degrees, a saturation of 59.2% and a lightness of 59.6%. #af5bd5 color hex could be obtained by blending #ffb6ff with #5f00ab. Closest websafe color is: #9966cc.

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

● #af5bd5 color description : Moderate violet.

The hexadecimal color #af5bd5 has RGB values of R:175, G:91, B:213 and CMYK values of C:0.18, M:0.57, Y:0, K:0.16. Its decimal value is 11492309.

Hex triplet	af5bd5	`#af5bd5`
RGB Decimal	175, 91, 213	`rgb(175,91,213)`
RGB Percent	68.6, 35.7, 83.5	`rgb(68.6%,35.7%,83.5%)`
CMYK	18, 57, 0, 16
HSL	281.3°, 59.2, 59.6	`hsl(281.3,59.2%,59.6%)`
HSV (or HSB)	281.3°, 57.3, 83.5
Web Safe	9966cc	`#9966cc`

CIE-LAB	53.386, 53.861, -49.045
XYZ	33.429, 21.401, 65.317
xyY	0.278, 0.178, 21.401
CIE-LCH	53.386, 72.845, 317.679
CIE-LUV	53.386, 31.303, -82.163
Hunter-Lab	46.261, 48.028, -51.329
Binary	10101111, 01011011, 11010101

#af5bd5
```
#af5bd5 rgb(175,91,213)
```
#81d55b
```
#81d55b rgb(129,213,91)
```

Complementary Color

#725bd5
```
#725bd5 rgb(114,91,213)
```
#af5bd5
```
#af5bd5 rgb(175,91,213)
```
#d55bbe
```
#d55bbe rgb(213,91,190)
```

Analogous Color

#5bd572
```
#5bd572 rgb(91,213,114)
```
#af5bd5
```
#af5bd5 rgb(175,91,213)
```
#bed55b
```
#bed55b rgb(190,213,91)
```

Split Complementary Color

#5bd5af
```
#5bd5af rgb(91,213,175)
```
#af5bd5
```
#af5bd5 rgb(175,91,213)
```
#d5af5b
```
#d5af5b rgb(213,175,91)
```

Triadic Color

#5b81d5
```
#5b81d5 rgb(91,129,213)
```
#af5bd5
```
#af5bd5 rgb(175,91,213)
```
#d5af5b
```
#d5af5b rgb(213,175,91)
```
#81d55b
```
#81d55b rgb(129,213,91)
```

Tetradic Color

#8b2eb5
```
#8b2eb5 rgb(139,46,181)
```
#9b34c9
```
#9b34c9 rgb(155,52,201)
```
#a547d0
```
#a547d0 rgb(165,71,208)
```
#af5bd5
```
#af5bd5 rgb(175,91,213)
```
#b96fda
```
#b96fda rgb(185,111,218)
```
#c384df
```
#c384df rgb(195,132,223)
```
#cd98e5
```
#cd98e5 rgb(205,152,229)
```

Monochromatic Color

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

#915bd5
```
#915bd5 rgb(145,91,213)
```
#9b5bd5
```
#9b5bd5 rgb(155,91,213)
```
#a55bd5
```
#a55bd5 rgb(165,91,213)
```
#af5bd5
```
#af5bd5 rgb(175,91,213)
```
#b95bd5
```
#b95bd5 rgb(185,91,213)
```
#c35bd5
```
#c35bd5 rgb(195,91,213)
```
#ce5bd5
```
#ce5bd5 rgb(206,91,213)
```

Similar Colors

Text with hexadecimal color #af5bd5

This text has a font color of #af5bd5.

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

#af5bd5 background color

This paragraph has a background color of #af5bd5.

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

#af5bd5 border color

This element has a border color of #af5bd5.

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

CSS codes

.text {color:#af5bd5;}

.background {background-color:#af5bd5;}

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

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

#060208
```
#060208 rgb(6,2,8)
```
#120617
```
#120617 rgb(18,6,23)
```
#1e0a27
```
#1e0a27 rgb(30,10,39)
```
#2a0e37
```
#2a0e37 rgb(42,14,55)
```
#361246
```
#361246 rgb(54,18,70)
```
#421656
```
#421656 rgb(66,22,86)
```
#4e1a65
```
#4e1a65 rgb(78,26,101)
```
#5a1e75
```
#5a1e75 rgb(90,30,117)
```
#662285
```
#662285 rgb(102,34,133)
```
#722694
```
#722694 rgb(114,38,148)
```
#7e2aa4
```
#7e2aa4 rgb(126,42,164)
```
#8a2eb4
```
#8a2eb4 rgb(138,46,180)
```
#9632c3
```
#9632c3 rgb(150,50,195)
```

Shade Color Variation

#a03ccd
```
#a03ccd rgb(160,60,205)
```
#a74bd1
```
#a74bd1 rgb(167,75,209)
```
#af5bd5
```
#af5bd5 rgb(175,91,213)
```
#b76bd9
```
#b76bd9 rgb(183,107,217)
```
#be7add
```
#be7add rgb(190,122,221)
```
#c68ae1
```
#c68ae1 rgb(198,138,225)
```
#cd99e5
```
#cd99e5 rgb(205,153,229)
```
#d5a9e9
```
#d5a9e9 rgb(213,169,233)
```
#ddb9ed
```
#ddb9ed rgb(221,185,237)
```
#e4c8f1
```
#e4c8f1 rgb(228,200,241)
```
#ecd8f5
```
#ecd8f5 rgb(236,216,245)
```
#f4e8f9
```
#f4e8f9 rgb(244,232,249)
```
#fbf7fd
```
#fbf7fd rgb(251,247,253)
```

Tint Color Variation

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

#9a929e
```
#9a929e rgb(154,146,158)
```
#9d8ba5
```
#9d8ba5 rgb(157,139,165)
```
#a083ad
```
#a083ad rgb(160,131,173)
```
#a37bb5
```
#a37bb5 rgb(163,123,181)
```
#a673bd
```
#a673bd rgb(166,115,189)
```
#a96bc5
```
#a96bc5 rgb(169,107,197)
```
#ac63cd
```
#ac63cd rgb(172,99,205)
```
#af5bd5
```
#af5bd5 rgb(175,91,213)
```
#b253dd
```
#b253dd rgb(178,83,221)
```
#b54be5
```
#b54be5 rgb(181,75,229)
```
#b843ed
```
#b843ed rgb(184,67,237)
```
#bb3bf5
```
#bb3bf5 rgb(187,59,245)
```
#be33fd
```
#be33fd rgb(190,51,253)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#8b7a93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4082f0 Protanopia 1% of men
#5b86cb Deuteranopia 1% of men
#a47b83 Tritanopia 0.001% of the population

Trichromacy

#6874e6 Protanomaly 1% of men, 0.01% of women
#7976cf Deuteranomaly 6% of men, 0.4% of women
#a86fa1 Tritanomaly 0.01% of the population

#af5bd5 hex color

#af5bd5 Color Information

#af5bd5 Color Conversion

Color Schemes with #af5bd5

Alternatives to #af5bd5

#af5bd5 Preview

Shades and Tints of #af5bd5

Tones of #af5bd5

Color Blindness Simulator