#af1bdd hex color

In a RGB color space, hex #af1bdd is composed of 68.6% red, 10.6% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 87.8% magenta, 0% yellow and 13.3% black. It has a hue angle of 285.8 degrees, a saturation of 78.2% and a lightness of 48.6%. #af1bdd color hex could be obtained by blending #ff36ff with #5f00bb. Closest websafe color is: #9933cc.

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

● #af1bdd color description : Vivid magenta.

The hexadecimal color #af1bdd has RGB values of R:175, G:27, B:221 and CMYK values of C:0.21, M:0.88, Y:0, K:0.13. Its decimal value is 11475933.

Hex triplet	af1bdd	`#af1bdd`
RGB Decimal	175, 27, 221	`rgb(175,27,221)`
RGB Percent	68.6, 10.6, 86.7	`rgb(68.6%,10.6%,86.7%)`
CMYK	21, 88, 0, 13
HSL	285.8°, 78.2, 48.6	`hsl(285.8,78.2%,48.6%)`
HSV (or HSB)	285.8°, 87.8, 86.7
Web Safe	9933cc	`#9933cc`

CIE-LAB	45.798, 78.251, -65.804
XYZ	31.121, 15.12, 69.682
xyY	0.268, 0.13, 15.12
CIE-LCH	45.798, 102.242, 319.938
CIE-LUV	45.798, 40.926, -105.337
Hunter-Lab	38.884, 74.815, -79.032
Binary	10101111, 00011011, 11011101

#af1bdd
```
#af1bdd rgb(175,27,221)
```
#49dd1b
```
#49dd1b rgb(73,221,27)
```

Complementary Color

#4e1bdd
```
#4e1bdd rgb(78,27,221)
```
#af1bdd
```
#af1bdd rgb(175,27,221)
```
#dd1baa
```
#dd1baa rgb(221,27,170)
```

Analogous Color

#1bdd4e
```
#1bdd4e rgb(27,221,78)
```
#af1bdd
```
#af1bdd rgb(175,27,221)
```
#aadd1b
```
#aadd1b rgb(170,221,27)
```

Split Complementary Color

#1bddaf
```
#1bddaf rgb(27,221,175)
```
#af1bdd
```
#af1bdd rgb(175,27,221)
```
#ddaf1b
```
#ddaf1b rgb(221,175,27)
```

Triadic Color

#1b49dd
```
#1b49dd rgb(27,73,221)
```
#af1bdd
```
#af1bdd rgb(175,27,221)
```
#ddaf1b
```
#ddaf1b rgb(221,175,27)
```
#49dd1b
```
#49dd1b rgb(73,221,27)
```

Tetradic Color

#791399
```
#791399 rgb(121,19,153)
```
#8b15b0
```
#8b15b0 rgb(139,21,176)
```
#9d18c6
```
#9d18c6 rgb(157,24,198)
```
#af1bdd
```
#af1bdd rgb(175,27,221)
```
#b92ce5
```
#b92ce5 rgb(185,44,229)
```
#c143e8
```
#c143e8 rgb(193,67,232)
```
#c85aeb
```
#c85aeb rgb(200,90,235)
```

Monochromatic Color

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

#7f1bdd
```
#7f1bdd rgb(127,27,221)
```
#8f1bdd
```
#8f1bdd rgb(143,27,221)
```
#9f1bdd
```
#9f1bdd rgb(159,27,221)
```
#af1bdd
```
#af1bdd rgb(175,27,221)
```
#bf1bdd
```
#bf1bdd rgb(191,27,221)
```
#cf1bdd
```
#cf1bdd rgb(207,27,221)
```
#dd1bdb
```
#dd1bdb rgb(221,27,219)
```

Similar Colors

Text with hexadecimal color #af1bdd

This text has a font color of #af1bdd.

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

#af1bdd background color

This paragraph has a background color of #af1bdd.

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

#af1bdd border color

This element has a border color of #af1bdd.

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

CSS codes

.text {color:#af1bdd;}

.background {background-color:#af1bdd;}

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

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, #09010b is the darkest color, while #fdf9fe is the lightest one.

#09010b
```
#09010b rgb(9,1,11)
```
#17041d
```
#17041d rgb(23,4,29)
```
#25062e
```
#25062e rgb(37,6,46)
```
#320840
```
#320840 rgb(50,8,64)
```
#400a51
```
#400a51 rgb(64,10,81)
```
#4e0c63
```
#4e0c63 rgb(78,12,99)
```
#5c0e74
```
#5c0e74 rgb(92,14,116)
```
#6a1086
```
#6a1086 rgb(106,16,134)
```
#781297
```
#781297 rgb(120,18,151)
```
#8515a9
```
#8515a9 rgb(133,21,169)
```
#9317ba
```
#9317ba rgb(147,23,186)
```
#a119cc
```
#a119cc rgb(161,25,204)
```
#af1bdd
```
#af1bdd rgb(175,27,221)
```

Shade Color Variation

#b827e5
```
#b827e5 rgb(184,39,229)
```
#bd38e7
```
#bd38e7 rgb(189,56,231)
```
#c34ae9
```
#c34ae9 rgb(195,74,233)
```
#c95beb
```
#c95beb rgb(201,91,235)
```
#cf6ded
```
#cf6ded rgb(207,109,237)
```
#d57eef
```
#d57eef rgb(213,126,239)
```
#da90f1
```
#da90f1 rgb(218,144,241)
```
#e0a1f4
```
#e0a1f4 rgb(224,161,244)
```
#e6b3f6
```
#e6b3f6 rgb(230,179,246)
```
#ecc4f8
```
#ecc4f8 rgb(236,196,248)
```
#f1d6fa
```
#f1d6fa rgb(241,214,250)
```
#f7e7fc
```
#f7e7fc rgb(247,231,252)
```
#fdf9fe
```
#fdf9fe rgb(253,249,254)
```

Tint Color Variation

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

#7d7a7e
```
#7d7a7e rgb(125,122,126)
```
#827187
```
#827187 rgb(130,113,135)
```
#876791
```
#876791 rgb(135,103,145)
```
#8c5e9a
```
#8c5e9a rgb(140,94,154)
```
#9154a4
```
#9154a4 rgb(145,84,164)
```
#964bad
```
#964bad rgb(150,75,173)
```
#9b41b7
```
#9b41b7 rgb(155,65,183)
```
#a038c0
```
#a038c0 rgb(160,56,192)
```
#a52eca
```
#a52eca rgb(165,46,202)
```
#aa25d3
```
#aa25d3 rgb(170,37,211)
```
#af1bdd
```
#af1bdd rgb(175,27,221)
```
#b411e7
```
#b411e7 rgb(180,17,231)
```
#b908f0
```
#b908f0 rgb(185,8,240)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#6d5077 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#0076c3 Deuteranopia 1% of men
#9f6369 Tritanopia 0.001% of the population

Trichromacy

#3f51dc Protanomaly 1% of men, 0.01% of women
#3f55cc Deuteranomaly 6% of men, 0.4% of women
#a44893 Tritanomaly 0.01% of the population

#af1bdd hex color

#af1bdd Color Information

#af1bdd Color Conversion

Color Schemes with #af1bdd

Alternatives to #af1bdd

#af1bdd Preview

Shades and Tints of #af1bdd

Tones of #af1bdd

Color Blindness Simulator