#af7bdd hex color

In a RGB color space, hex #af7bdd is composed of 68.6% red, 48.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 44.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 271.8 degrees, a saturation of 59% and a lightness of 67.5%. #af7bdd color hex could be obtained by blending #fff6ff with #5f00bb. Closest websafe color is: #9966cc.

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

● #af7bdd color description : Very soft violet.

The hexadecimal color #af7bdd has RGB values of R:175, G:123, B:221 and CMYK values of C:0.21, M:0.44, Y:0, K:0.13. Its decimal value is 11500509.

Hex triplet	af7bdd	`#af7bdd`
RGB Decimal	175, 123, 221	`rgb(175,123,221)`
RGB Percent	68.6, 48.2, 86.7	`rgb(68.6%,48.2%,86.7%)`
CMYK	21, 44, 0, 13
HSL	271.8°, 59, 67.5	`hsl(271.8,59%,67.5%)`
HSV (or HSB)	271.8°, 44.3, 86.7
Web Safe	9966cc	`#9966cc`

CIE-LAB	60.339, 38.686, -42.553
XYZ	37.811, 28.501, 71.912
xyY	0.274, 0.206, 28.501
CIE-LCH	60.339, 57.51, 312.275
CIE-LUV	60.339, 19.009, -71.934
Hunter-Lab	53.386, 32.999, -42.494
Binary	10101111, 01111011, 11011101

#af7bdd
```
#af7bdd rgb(175,123,221)
```
#a9dd7b
```
#a9dd7b rgb(169,221,123)
```

Complementary Color

#7e7bdd
```
#7e7bdd rgb(126,123,221)
```
#af7bdd
```
#af7bdd rgb(175,123,221)
```
#dd7bda
```
#dd7bda rgb(221,123,218)
```

Analogous Color

#7bdd7e
```
#7bdd7e rgb(123,221,126)
```
#af7bdd
```
#af7bdd rgb(175,123,221)
```
#dadd7b
```
#dadd7b rgb(218,221,123)
```

Split Complementary Color

#7bddaf
```
#7bddaf rgb(123,221,175)
```
#af7bdd
```
#af7bdd rgb(175,123,221)
```
#ddaf7b
```
#ddaf7b rgb(221,175,123)
```

Triadic Color

#7ba9dd
```
#7ba9dd rgb(123,169,221)
```
#af7bdd
```
#af7bdd rgb(175,123,221)
```
#ddaf7b
```
#ddaf7b rgb(221,175,123)
```
#a9dd7b
```
#a9dd7b rgb(169,221,123)
```

Tetradic Color

#8a3ecd
```
#8a3ecd rgb(138,62,205)
```
#9652d3
```
#9652d3 rgb(150,82,211)
```
#a367d8
```
#a367d8 rgb(163,103,216)
```
#af7bdd
```
#af7bdd rgb(175,123,221)
```
#bb8fe2
```
#bb8fe2 rgb(187,143,226)
```
#c8a4e7
```
#c8a4e7 rgb(200,164,231)
```
#d4b8ed
```
#d4b8ed rgb(212,184,237)
```

Monochromatic Color

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

#977bdd
```
#977bdd rgb(151,123,221)
```
#9f7bdd
```
#9f7bdd rgb(159,123,221)
```
#a77bdd
```
#a77bdd rgb(167,123,221)
```
#af7bdd
```
#af7bdd rgb(175,123,221)
```
#b77bdd
```
#b77bdd rgb(183,123,221)
```
#bf7bdd
```
#bf7bdd rgb(191,123,221)
```
#c87bdd
```
#c87bdd rgb(200,123,221)
```

Similar Colors

Text with hexadecimal color #af7bdd

This text has a font color of #af7bdd.

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

#af7bdd background color

This paragraph has a background color of #af7bdd.

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

#af7bdd border color

This element has a border color of #af7bdd.

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

CSS codes

.text {color:#af7bdd;}

.background {background-color:#af7bdd;}

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

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

#050208
```
#050208 rgb(5,2,8)
```
#100618
```
#100618 rgb(16,6,24)
```
#1a0a28
```
#1a0a28 rgb(26,10,40)
```
#240e37
```
#240e37 rgb(36,14,55)
```
#2e1247
```
#2e1247 rgb(46,18,71)
```
#381656
```
#381656 rgb(56,22,86)
```
#421a66
```
#421a66 rgb(66,26,102)
```
#4d1e76
```
#4d1e76 rgb(77,30,118)
```
#572285
```
#572285 rgb(87,34,133)
```
#612695
```
#612695 rgb(97,38,149)
```
#6b2aa4
```
#6b2aa4 rgb(107,42,164)
```
#752eb4
```
#752eb4 rgb(117,46,180)
```
#7f32c4
```
#7f32c4 rgb(127,50,196)
```

Shade Color Variation

#893dcd
```
#893dcd rgb(137,61,205)
```
#934cd1
```
#934cd1 rgb(147,76,209)
```
#9c5cd5
```
#9c5cd5 rgb(156,92,213)
```
#a66bd9
```
#a66bd9 rgb(166,107,217)
```
#af7bdd
```
#af7bdd rgb(175,123,221)
```
#b88be1
```
#b88be1 rgb(184,139,225)
```
#c29ae5
```
#c29ae5 rgb(194,154,229)
```
#cbaae9
```
#cbaae9 rgb(203,170,233)
```
#d5b9ed
```
#d5b9ed rgb(213,185,237)
```
#dec9f1
```
#dec9f1 rgb(222,201,241)
```
#e8d9f5
```
#e8d9f5 rgb(232,217,245)
```
#f1e8f9
```
#f1e8f9 rgb(241,232,249)
```
#fbf8fd
```
#fbf8fd rgb(251,248,253)
```

Tint Color Variation

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

#aca8b0
```
#aca8b0 rgb(172,168,176)
```
#ada1b7
```
#ada1b7 rgb(173,161,183)
```
#ad9bbd
```
#ad9bbd rgb(173,155,189)
```
#ad95c3
```
#ad95c3 rgb(173,149,195)
```
#ae8eca
```
#ae8eca rgb(174,142,202)
```
#ae88d0
```
#ae88d0 rgb(174,136,208)
```
#af81d7
```
#af81d7 rgb(175,129,215)
```
#af7bdd
```
#af7bdd rgb(175,123,221)
```
#af75e3
```
#af75e3 rgb(175,117,227)
```
#b06eea
```
#b06eea rgb(176,110,234)
```
#b068f0
```
#b068f0 rgb(176,104,240)
```
#b161f7
```
#b161f7 rgb(177,97,247)
```
#b15bfd
```
#b15bfd rgb(177,91,253)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#9b91a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7094ec Protanopia 1% of men
#7896d7 Deuteranopia 1% of men
#a5919c Tritanopia 0.001% of the population

Trichromacy

#878be7 Protanomaly 1% of men, 0.01% of women
#8c8cd9 Deuteranomaly 6% of men, 0.4% of women
#a989b3 Tritanomaly 0.01% of the population

#af7bdd hex color

#af7bdd Color Information

#af7bdd Color Conversion

Color Schemes with #af7bdd

Alternatives to #af7bdd

#af7bdd Preview

Shades and Tints of #af7bdd

Tones of #af7bdd

Color Blindness Simulator