#af71dd hex color

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

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

● #af71dd color description : Soft violet.

The hexadecimal color #af71dd has RGB values of R:175, G:113, B:221 and CMYK values of C:0.21, M:0.49, Y:0, K:0.13. Its decimal value is 11497949.

Hex triplet	af71dd	`#af71dd`
RGB Decimal	175, 113, 221	`rgb(175,113,221)`
RGB Percent	68.6, 44.3, 86.7	`rgb(68.6%,44.3%,86.7%)`
CMYK	21, 49, 0, 13
HSL	274.4°, 61.4, 65.5	`hsl(274.4,61.4%,65.5%)`
HSV (or HSB)	274.4°, 48.9, 86.7
Web Safe	9966cc	`#9966cc`

CIE-LAB	58.175, 44.155, -45.966
XYZ	36.634, 26.145, 71.519
xyY	0.273, 0.195, 26.145
CIE-LCH	58.175, 63.738, 313.848
CIE-LUV	58.175, 22.628, -77.589
Hunter-Lab	51.133, 38.403, -47.137
Binary	10101111, 01110001, 11011101

#af71dd
```
#af71dd rgb(175,113,221)
```
#9fdd71
```
#9fdd71 rgb(159,221,113)
```

Complementary Color

#7971dd
```
#7971dd rgb(121,113,221)
```
#af71dd
```
#af71dd rgb(175,113,221)
```
#dd71d5
```
#dd71d5 rgb(221,113,213)
```

Analogous Color

#71dd79
```
#71dd79 rgb(113,221,121)
```
#af71dd
```
#af71dd rgb(175,113,221)
```
#d5dd71
```
#d5dd71 rgb(213,221,113)
```

Split Complementary Color

#71ddaf
```
#71ddaf rgb(113,221,175)
```
#af71dd
```
#af71dd rgb(175,113,221)
```
#ddaf71
```
#ddaf71 rgb(221,175,113)
```

Triadic Color

#719fdd
```
#719fdd rgb(113,159,221)
```
#af71dd
```
#af71dd rgb(175,113,221)
```
#ddaf71
```
#ddaf71 rgb(221,175,113)
```
#9fdd71
```
#9fdd71 rgb(159,221,113)
```

Tetradic Color

#8c33ce
```
#8c33ce rgb(140,51,206)
```
#9848d3
```
#9848d3 rgb(152,72,211)
```
#a35cd8
```
#a35cd8 rgb(163,92,216)
```
#af71dd
```
#af71dd rgb(175,113,221)
```
#bb86e2
```
#bb86e2 rgb(187,134,226)
```
#c69ae7
```
#c69ae7 rgb(198,154,231)
```
#d2afec
```
#d2afec rgb(210,175,236)
```

Monochromatic Color

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

#9471dd
```
#9471dd rgb(148,113,221)
```
#9d71dd
```
#9d71dd rgb(157,113,221)
```
#a671dd
```
#a671dd rgb(166,113,221)
```
#af71dd
```
#af71dd rgb(175,113,221)
```
#b871dd
```
#b871dd rgb(184,113,221)
```
#c171dd
```
#c171dd rgb(193,113,221)
```
#ca71dd
```
#ca71dd rgb(202,113,221)
```

Similar Colors

Text with hexadecimal color #af71dd

This text has a font color of #af71dd.

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

#af71dd background color

This paragraph has a background color of #af71dd.

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

#af71dd border color

This element has a border color of #af71dd.

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

CSS codes

.text {color:#af71dd;}

.background {background-color:#af71dd;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0b0410
```
#0b0410 rgb(11,4,16)
```
#160820
```
#160820 rgb(22,8,32)
```
#200b30
```
#200b30 rgb(32,11,48)
```
#2b0f40
```
#2b0f40 rgb(43,15,64)
```
#361350
```
#361350 rgb(54,19,80)
```
#40175f
```
#40175f rgb(64,23,95)
```
#4b1b6f
```
#4b1b6f rgb(75,27,111)
```
#561e7f
```
#561e7f rgb(86,30,127)
```
#61228f
```
#61228f rgb(97,34,143)
```
#6b269f
```
#6b269f rgb(107,38,159)
```
#762aaf
```
#762aaf rgb(118,42,175)
```
#812ebe
```
#812ebe rgb(129,46,190)
```

Shade Color Variation

#8b32ce
```
#8b32ce rgb(139,50,206)
```
#9442d2
```
#9442d2 rgb(148,66,210)
```
#9d51d5
```
#9d51d5 rgb(157,81,213)
```
#a661d9
```
#a661d9 rgb(166,97,217)
```
#af71dd
```
#af71dd rgb(175,113,221)
```
#b881e1
```
#b881e1 rgb(184,129,225)
```
#c191e5
```
#c191e5 rgb(193,145,229)
```
#caa0e8
```
#caa0e8 rgb(202,160,232)
```
#d3b0ec
```
#d3b0ec rgb(211,176,236)
```
#dcc0f0
```
#dcc0f0 rgb(220,192,240)
```
#e4d0f4
```
#e4d0f4 rgb(228,208,244)
```
#ede0f8
```
#ede0f8 rgb(237,224,248)
```
#f6f0fb
```
#f6f0fb rgb(246,240,251)
```

Tint Color Variation

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

#a8a0ae
```
#a8a0ae rgb(168,160,174)
```
#a99ab4
```
#a99ab4 rgb(169,154,180)
```
#aa93bb
```
#aa93bb rgb(170,147,187)
```
#ab8cc2
```
#ab8cc2 rgb(171,140,194)
```
#ac85c9
```
#ac85c9 rgb(172,133,201)
```
#ad7fcf
```
#ad7fcf rgb(173,127,207)
```
#ae78d6
```
#ae78d6 rgb(174,120,214)
```
#af71dd
```
#af71dd rgb(175,113,221)
```
#b06ae4
```
#b06ae4 rgb(176,106,228)
```
#b163eb
```
#b163eb rgb(177,99,235)
```
#b25df1
```
#b25df1 rgb(178,93,241)
```
#b356f8
```
#b356f8 rgb(179,86,248)
```
#b44fff
```
#b44fff rgb(180,79,255)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#968a9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#618ef0 Protanopia 1% of men
#6d91d6 Deuteranopia 1% of men
#a48b94 Tritanopia 0.001% of the population

Trichromacy

#7d83e9 Protanomaly 1% of men, 0.01% of women
#8585d8 Deuteranomaly 6% of men, 0.4% of women
#a881af Tritanomaly 0.01% of the population

#af71dd hex color

#af71dd Color Information

#af71dd Color Conversion

Color Schemes with #af71dd

Alternatives to #af71dd

#af71dd Preview

Shades and Tints of #af71dd

Tones of #af71dd

Color Blindness Simulator