#af7bd5 hex color

In a RGB color space, hex #af7bd5 is composed of 68.6% red, 48.2% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 42.3% magenta, 0% yellow and 16.5% black. It has a hue angle of 274.7 degrees, a saturation of 51.7% and a lightness of 65.9%. #af7bd5 color hex could be obtained by blending #fff6ff with #5f00ab. Closest websafe color is: #9966cc.

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

● #af7bd5 color description : Slightly desaturated violet.

The hexadecimal color #af7bd5 has RGB values of R:175, G:123, B:213 and CMYK values of C:0.18, M:0.42, Y:0, K:0.16. Its decimal value is 11500501.

Hex triplet	af7bd5	`#af7bd5`
RGB Decimal	175, 123, 213	`rgb(175,123,213)`
RGB Percent	68.6, 48.2, 83.5	`rgb(68.6%,48.2%,83.5%)`
CMYK	18, 42, 0, 16
HSL	274.7°, 51.7, 65.9	`hsl(274.7,51.7%,65.9%)`
HSV (or HSB)	274.7°, 42.3, 83.5
Web Safe	9966cc	`#9966cc`

CIE-LAB	59.965, 36.891, -38.655
XYZ	36.771, 28.085, 66.431
xyY	0.28, 0.214, 28.085
CIE-LCH	59.965, 53.433, 313.662
CIE-LUV	59.965, 20.203, -65.334
Hunter-Lab	52.995, 31.112, -37.226
Binary	10101111, 01111011, 11010101

#af7bd5
```
#af7bd5 rgb(175,123,213)
```
#a1d57b
```
#a1d57b rgb(161,213,123)
```

Complementary Color

#827bd5
```
#827bd5 rgb(130,123,213)
```
#af7bd5
```
#af7bd5 rgb(175,123,213)
```
#d57bce
```
#d57bce rgb(213,123,206)
```

Analogous Color

#7bd582
```
#7bd582 rgb(123,213,130)
```
#af7bd5
```
#af7bd5 rgb(175,123,213)
```
#ced57b
```
#ced57b rgb(206,213,123)
```

Split Complementary Color

#7bd5af
```
#7bd5af rgb(123,213,175)
```
#af7bd5
```
#af7bd5 rgb(175,123,213)
```
#d5af7b
```
#d5af7b rgb(213,175,123)
```

Triadic Color

#7ba1d5
```
#7ba1d5 rgb(123,161,213)
```
#af7bd5
```
#af7bd5 rgb(175,123,213)
```
#d5af7b
```
#d5af7b rgb(213,175,123)
```
#a1d57b
```
#a1d57b rgb(161,213,123)
```

Tetradic Color

#8c41c3
```
#8c41c3 rgb(140,65,195)
```
#9854c9
```
#9854c9 rgb(152,84,201)
```
#a368cf
```
#a368cf rgb(163,104,207)
```
#af7bd5
```
#af7bd5 rgb(175,123,213)
```
#bb8edb
```
#bb8edb rgb(187,142,219)
```
#c6a2e1
```
#c6a2e1 rgb(198,162,225)
```
#d2b5e7
```
#d2b5e7 rgb(210,181,231)
```

Monochromatic Color

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

#997bd5
```
#997bd5 rgb(153,123,213)
```
#a07bd5
```
#a07bd5 rgb(160,123,213)
```
#a87bd5
```
#a87bd5 rgb(168,123,213)
```
#af7bd5
```
#af7bd5 rgb(175,123,213)
```
#b77bd5
```
#b77bd5 rgb(183,123,213)
```
#be7bd5
```
#be7bd5 rgb(190,123,213)
```
#c67bd5
```
#c67bd5 rgb(198,123,213)
```

Similar Colors

Text with hexadecimal color #af7bd5

This text has a font color of #af7bd5.

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

#af7bd5 background color

This paragraph has a background color of #af7bd5.

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

#af7bd5 border color

This element has a border color of #af7bd5.

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

CSS codes

.text {color:#af7bd5;}

.background {background-color:#af7bd5;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#0c0511
```
#0c0511 rgb(12,5,17)
```
#170a20
```
#170a20 rgb(23,10,32)
```
#210f2f
```
#210f2f rgb(33,15,47)
```
#2c143d
```
#2c143d rgb(44,20,61)
```
#36184c
```
#36184c rgb(54,24,76)
```
#411d5b
```
#411d5b rgb(65,29,91)
```
#4c226a
```
#4c226a rgb(76,34,106)
```
#562679
```
#562679 rgb(86,38,121)
```
#612b88
```
#612b88 rgb(97,43,136)
```
#6b3097
```
#6b3097 rgb(107,48,151)
```
#7635a6
```
#7635a6 rgb(118,53,166)
```
#8139b4
```
#8139b4 rgb(129,57,180)
```

Shade Color Variation

#8b3fc2
```
#8b3fc2 rgb(139,63,194)
```
#944ec7
```
#944ec7 rgb(148,78,199)
```
#9d5dcc
```
#9d5dcc rgb(157,93,204)
```
#a66cd0
```
#a66cd0 rgb(166,108,208)
```
#af7bd5
```
#af7bd5 rgb(175,123,213)
```
#b88ada
```
#b88ada rgb(184,138,218)
```
#c199de
```
#c199de rgb(193,153,222)
```
#caa8e3
```
#caa8e3 rgb(202,168,227)
```
#d3b7e8
```
#d3b7e8 rgb(211,183,232)
```
#dcc5ed
```
#dcc5ed rgb(220,197,237)
```
#e5d4f1
```
#e5d4f1 rgb(229,212,241)
```
#eee3f6
```
#eee3f6 rgb(238,227,246)
```
#f7f2fb
```
#f7f2fb rgb(247,242,251)
```

Tint Color Variation

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

#a9a3ad
```
#a9a3ad rgb(169,163,173)
```
#aa9cb4
```
#aa9cb4 rgb(170,156,180)
```
#ab96ba
```
#ab96ba rgb(171,150,186)
```
#ac8fc1
```
#ac8fc1 rgb(172,143,193)
```
#ad88c8
```
#ad88c8 rgb(173,136,200)
```
#ae82ce
```
#ae82ce rgb(174,130,206)
```
#af7bd5
```
#af7bd5 rgb(175,123,213)
```
#b074dc
```
#b074dc rgb(176,116,220)
```
#b16ee2
```
#b16ee2 rgb(177,110,226)
```
#b267e9
```
#b267e9 rgb(178,103,233)
```
#b360f0
```
#b360f0 rgb(179,96,240)
```
#b45af6
```
#b45af6 rgb(180,90,246)
```
#b553fd
```
#b553fd rgb(181,83,253)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#9a90a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7593e4 Protanopia 1% of men
#7d95d0 Deuteranopia 1% of men
#a7909a Tritanopia 0.001% of the population

Trichromacy

#8a8ade Protanomaly 1% of men, 0.01% of women
#8f8bd2 Deuteranomaly 6% of men, 0.4% of women
#aa88af Tritanomaly 0.01% of the population

#af7bd5 hex color

#af7bd5 Color Information

#af7bd5 Color Conversion

Color Schemes with #af7bd5

Alternatives to #af7bd5

#af7bd5 Preview

Shades and Tints of #af7bd5

Tones of #af7bd5

Color Blindness Simulator