#af54bf hex color

In a RGB color space, hex #af54bf is composed of 68.6% red, 32.9% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 8.4% cyan, 56% magenta, 0% yellow and 25.1% black. It has a hue angle of 291 degrees, a saturation of 45.5% and a lightness of 53.9%. #af54bf color hex could be obtained by blending #ffa8ff with #5f007f. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 33
- B 75
RGB color chart
- C 8
- M 56
- Y 0
- K 25
CMYK color chart

● #af54bf color description : Moderate magenta.

The hexadecimal color #af54bf has RGB values of R:175, G:84, B:191 and CMYK values of C:0.08, M:0.56, Y:0, K:0.25. Its decimal value is 11490495.

Hex triplet	af54bf	`#af54bf`
RGB Decimal	175, 84, 191	`rgb(175,84,191)`
RGB Percent	68.6, 32.9, 74.9	`rgb(68.6%,32.9%,74.9%)`
CMYK	8, 56, 0, 25
HSL	291°, 45.5, 53.9	`hsl(291,45.5%,53.9%)`
HSV (or HSB)	291°, 56, 74.9
Web Safe	9966cc	`#9966cc`

CIE-LAB	50.941, 52.847, -40.315
XYZ	30.252, 19.217, 51.403
xyY	0.3, 0.191, 19.217
CIE-LCH	50.941, 66.469, 322.661
CIE-LUV	50.941, 38.505, -67.854
Hunter-Lab	43.838, 46.467, -38.836
Binary	10101111, 01010100, 10111111

#af54bf
```
#af54bf rgb(175,84,191)
```
#64bf54
```
#64bf54 rgb(100,191,84)
```

Complementary Color

#7a54bf
```
#7a54bf rgb(122,84,191)
```
#af54bf
```
#af54bf rgb(175,84,191)
```
#bf549a
```
#bf549a rgb(191,84,154)
```

Analogous Color

#54bf7a
```
#54bf7a rgb(84,191,122)
```
#af54bf
```
#af54bf rgb(175,84,191)
```
#9abf54
```
#9abf54 rgb(154,191,84)
```

Split Complementary Color

#54bfaf
```
#54bfaf rgb(84,191,175)
```
#af54bf
```
#af54bf rgb(175,84,191)
```
#bfaf54
```
#bfaf54 rgb(191,175,84)
```

Triadic Color

#5464bf
```
#5464bf rgb(84,100,191)
```
#af54bf
```
#af54bf rgb(175,84,191)
```
#bfaf54
```
#bfaf54 rgb(191,175,84)
```
#64bf54
```
#64bf54 rgb(100,191,84)
```

Tetradic Color

#833690
```
#833690 rgb(131,54,144)
```
#943da3
```
#943da3 rgb(148,61,163)
```
#a544b6
```
#a544b6 rgb(165,68,182)
```
#af54bf
```
#af54bf rgb(175,84,191)
```
#b867c6
```
#b867c6 rgb(184,103,198)
```
#c079cd
```
#c079cd rgb(192,121,205)
```
#c98cd4
```
#c98cd4 rgb(201,140,212)
```

Monochromatic Color

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

#9454bf
```
#9454bf rgb(148,84,191)
```
#9d54bf
```
#9d54bf rgb(157,84,191)
```
#a654bf
```
#a654bf rgb(166,84,191)
```
#af54bf
```
#af54bf rgb(175,84,191)
```
#b854bf
```
#b854bf rgb(184,84,191)
```
#bf54bd
```
#bf54bd rgb(191,84,189)
```
#bf54b4
```
#bf54b4 rgb(191,84,180)
```

Similar Colors

Text with hexadecimal color #af54bf

This text has a font color of #af54bf.

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

#af54bf background color

This paragraph has a background color of #af54bf.

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

#af54bf border color

This element has a border color of #af54bf.

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

CSS codes

.text {color:#af54bf;}

.background {background-color:#af54bf;}

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

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 #f8f1fa is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#0d050f
```
#0d050f rgb(13,5,15)
```
#1a0b1d
```
#1a0b1d rgb(26,11,29)
```
#27102b
```
#27102b rgb(39,16,43)
```
#341539
```
#341539 rgb(52,21,57)
```
#411b48
```
#411b48 rgb(65,27,72)
```
#4e2056
```
#4e2056 rgb(78,32,86)
```
#5b2564
```
#5b2564 rgb(91,37,100)
```
#682b72
```
#682b72 rgb(104,43,114)
```
#753081
```
#753081 rgb(117,48,129)
```
#82368f
```
#82368f rgb(130,54,143)
```
#8f3b9d
```
#8f3b9d rgb(143,59,157)
```
#9c40ac
```
#9c40ac rgb(156,64,172)
```

Shade Color Variation

#a846ba
```
#a846ba rgb(168,70,186)
```
#af54bf
```
#af54bf rgb(175,84,191)
```
#b662c4
```
#b662c4 rgb(182,98,196)
```
#bc71ca
```
#bc71ca rgb(188,113,202)
```
#c37fcf
```
#c37fcf rgb(195,127,207)
```
#ca8dd4
```
#ca8dd4 rgb(202,141,212)
```
#d09bda
```
#d09bda rgb(208,155,218)
```
#d7aadf
```
#d7aadf rgb(215,170,223)
```
#deb8e4
```
#deb8e4 rgb(222,184,228)
```
#e4c6ea
```
#e4c6ea rgb(228,198,234)
```
#ebd4ef
```
#ebd4ef rgb(235,212,239)
```
#f2e3f4
```
#f2e3f4 rgb(242,227,244)
```
#f8f1fa
```
#f8f1fa rgb(248,241,250)
```

Tint Color Variation

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

#8f8192
```
#8f8192 rgb(143,129,146)
```
#96789b
```
#96789b rgb(150,120,155)
```
#9c6fa4
```
#9c6fa4 rgb(156,111,164)
```
#a266ad
```
#a266ad rgb(162,102,173)
```
#a95db6
```
#a95db6 rgb(169,93,182)
```
#af54bf
```
#af54bf rgb(175,84,191)
```
#b54bc8
```
#b54bc8 rgb(181,75,200)
```
#bc42d1
```
#bc42d1 rgb(188,66,209)
```
#c239da
```
#c239da rgb(194,57,218)
```
#c830e3
```
#c830e3 rgb(200,48,227)
```
#cf27ec
```
#cf27ec rgb(207,39,236)
```
#d51ef5
```
#d51ef5 rgb(213,30,245)
```
#db15fe
```
#db15fe rgb(219,21,254)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#857389 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d7ddb Protanopia 1% of men
#657fb7 Deuteranopia 1% of men
#a77179 Tritanopia 0.001% of the population

Trichromacy

#706ed1 Protanomaly 1% of men, 0.01% of women
#806fba Deuteranomaly 6% of men, 0.4% of women
#aa6692 Tritanomaly 0.01% of the population

#af54bf hex color

#af54bf Color Information

#af54bf Color Conversion

Color Schemes with #af54bf

Alternatives to #af54bf

#af54bf Preview

Shades and Tints of #af54bf

Tones of #af54bf

Color Blindness Simulator