colorhexa.com

#af51dd hex color

In a RGB color space, hex #af51dd is composed of 68.6% red, 31.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 63.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 280.3 degrees, a saturation of 67.3% and a lightness of 59.2%. #af51dd color hex could be obtained by blending #ffa2ff with #5f00bb. Closest websafe color is: #9966cc.

- R 69
- G 32
- B 87
RGB color chart
- C 21
- M 63
- Y 0
- K 13
CMYK color chart

● #af51dd color description : Soft violet.

The hexadecimal color #af51dd has RGB values of R:175, G:81, B:221 and CMYK values of C:0.21, M:0.63, Y:0, K:0.13. Its decimal value is 11489757.

Hex triplet	af51dd	`#af51dd`
RGB Decimal	175, 81, 221	`rgb(175,81,221)`
RGB Percent	68.6, 31.8, 86.7	`rgb(68.6%,31.8%,86.7%)`
CMYK	21, 63, 0, 13
HSL	280.3°, 67.3, 59.2	`hsl(280.3,67.3%,59.2%)`
HSV (or HSB)	280.3°, 63.3, 86.7
Web Safe	9966cc	`#9966cc`

CIE-LAB	52.085, 60.316, -55.661
XYZ	33.671, 20.22, 70.532
xyY	0.271, 0.163, 20.22
CIE-LCH	52.085, 82.075, 317.298
CIE-LUV	52.085, 32.283, -92.491
Hunter-Lab	44.967, 54.968, -61.521
Binary	10101111, 01010001, 11011101

#af51dd
```
#af51dd rgb(175,81,221)
```
#7fdd51
```
#7fdd51 rgb(127,221,81)
```

Complementary Color

#6951dd
```
#6951dd rgb(105,81,221)
```
#af51dd
```
#af51dd rgb(175,81,221)
```
#dd51c5
```
#dd51c5 rgb(221,81,197)
```

Analogous Color

#51dd69
```
#51dd69 rgb(81,221,105)
```
#af51dd
```
#af51dd rgb(175,81,221)
```
#c5dd51
```
#c5dd51 rgb(197,221,81)
```

Split Complementary Color

#51ddaf
```
#51ddaf rgb(81,221,175)
```
#af51dd
```
#af51dd rgb(175,81,221)
```
#ddaf51
```
#ddaf51 rgb(221,175,81)
```

Triadic Color

#517fdd
```
#517fdd rgb(81,127,221)
```
#af51dd
```
#af51dd rgb(175,81,221)
```
#ddaf51
```
#ddaf51 rgb(221,175,81)
```
#7fdd51
```
#7fdd51 rgb(127,221,81)
```

Tetradic Color

#8b25bd
```
#8b25bd rgb(139,37,189)
```
#9a29d2
```
#9a29d2 rgb(154,41,210)
```
#a53cd9
```
#a53cd9 rgb(165,60,217)
```
#af51dd
```
#af51dd rgb(175,81,221)
```
#b966e1
```
#b966e1 rgb(185,102,225)
```
#c37ce5
```
#c37ce5 rgb(195,124,229)
```
#cc91ea
```
#cc91ea rgb(204,145,234)
```

Monochromatic Color

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

#8c51dd
```
#8c51dd rgb(140,81,221)
```
#9851dd
```
#9851dd rgb(152,81,221)
```
#a351dd
```
#a351dd rgb(163,81,221)
```
#af51dd
```
#af51dd rgb(175,81,221)
```
#bb51dd
```
#bb51dd rgb(187,81,221)
```
#c651dd
```
#c651dd rgb(198,81,221)
```
#d251dd
```
#d251dd rgb(210,81,221)
```

Similar Colors

Text with hexadecimal color #af51dd

This text has a font color of #af51dd.

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

#af51dd background color

This paragraph has a background color of #af51dd.

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

#af51dd border color

This element has a border color of #af51dd.

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

CSS codes

.text {color:#af51dd;}

.background {background-color:#af51dd;}

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

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

#050106
```
#050106 rgb(5,1,6)
```
#110417
```
#110417 rgb(17,4,23)
```
#1d0827
```
#1d0827 rgb(29,8,39)
```
#290b38
```
#290b38 rgb(41,11,56)
```
#350e48
```
#350e48 rgb(53,14,72)
```
#411159
```
#411159 rgb(65,17,89)
```
#4d1569
```
#4d1569 rgb(77,21,105)
```
#591879
```
#591879 rgb(89,24,121)
```
#651b8a
```
#651b8a rgb(101,27,138)
```
#711e9a
```
#711e9a rgb(113,30,154)
```
#7d21ab
```
#7d21ab rgb(125,33,171)
```
#8a25bb
```
#8a25bb rgb(138,37,187)
```
#9628cb
```
#9628cb rgb(150,40,203)
```

Shade Color Variation

#a030d7
```
#a030d7 rgb(160,48,215)
```
#a741da
```
#a741da rgb(167,65,218)
```
#af51dd
```
#af51dd rgb(175,81,221)
```
#b761e0
```
#b761e0 rgb(183,97,224)
```
#be72e3
```
#be72e3 rgb(190,114,227)
```
#c682e7
```
#c682e7 rgb(198,130,231)
```
#cd93ea
```
#cd93ea rgb(205,147,234)
```
#d5a3ed
```
#d5a3ed rgb(213,163,237)
```
#dcb3f0
```
#dcb3f0 rgb(220,179,240)
```
#e4c4f3
```
#e4c4f3 rgb(228,196,243)
```
#ebd4f7
```
#ebd4f7 rgb(235,212,247)
```
#f3e5fa
```
#f3e5fa rgb(243,229,250)
```
#faf5fd
```
#faf5fd rgb(250,245,253)
```

Tint Color Variation

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

#99919d
```
#99919d rgb(153,145,157)
```
#9c89a5
```
#9c89a5 rgb(156,137,165)
```
#9f81ad
```
#9f81ad rgb(159,129,173)
```
#a179b5
```
#a179b5 rgb(161,121,181)
```
#a471bd
```
#a471bd rgb(164,113,189)
```
#a769c5
```
#a769c5 rgb(167,105,197)
```
#aa61cd
```
#aa61cd rgb(170,97,205)
```
#ac59d5
```
#ac59d5 rgb(172,89,213)
```
#af51dd
```
#af51dd rgb(175,81,221)
```
#b249e5
```
#b249e5 rgb(178,73,229)
```
#b441ed
```
#b441ed rgb(180,65,237)
```
#b739f5
```
#b739f5 rgb(183,57,245)
```
#ba31fd
```
#ba31fd rgb(186,49,253)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#877490 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef9 Protanopia 1% of men
#4784d1 Deuteranopia 1% of men
#a17780 Tritanopia 0.001% of the population

Trichromacy

#3f6eee Protanomaly 1% of men, 0.01% of women
#6d71d5 Deuteranomaly 6% of men, 0.4% of women
#a669a1 Tritanomaly 0.01% of the population