#af54bc hex color

In a RGB color space, hex #af54bc is composed of 68.6% red, 32.9% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 6.9% cyan, 55.3% magenta, 0% yellow and 26.3% black. It has a hue angle of 292.5 degrees, a saturation of 43.7% and a lightness of 53.3%. #af54bc color hex could be obtained by blending #ffa8ff with #5f0079. Closest websafe color is: #9966cc.

♥
- f
- t
- g
- R 69
- G 33
- B 74
RGB color chart
- C 7
- M 55
- Y 0
- K 26
CMYK color chart

● #af54bc color description : Moderate magenta.

The hexadecimal color #af54bc has RGB values of R:175, G:84, B:188 and CMYK values of C:0.07, M:0.55, Y:0, K:0.26. Its decimal value is 11490492.

Hex triplet	af54bc	`#af54bc`
RGB Decimal	175, 84, 188	`rgb(175,84,188)`
RGB Percent	68.6, 32.9, 73.7	`rgb(68.6%,32.9%,73.7%)`
CMYK	7, 55, 0, 26
HSL	292.5°, 43.7, 53.3	`hsl(292.5,43.7%,53.3%)`
HSV (or HSB)	292.5°, 55.3, 73.7
Web Safe	9966cc	`#9966cc`

CIE-LAB	50.789, 52.269, -38.82
XYZ	29.926, 19.087, 49.682
xyY	0.303, 0.193, 19.087
CIE-LCH	50.789, 65.108, 323.399
CIE-LUV	50.789, 39.241, -65.452
Hunter-Lab	43.688, 45.814, -36.842
Binary	10101111, 01010100, 10111100

#af54bc
```
#af54bc rgb(175,84,188)
```
#61bc54
```
#61bc54 rgb(97,188,84)
```

Complementary Color

#7b54bc
```
#7b54bc rgb(123,84,188)
```
#af54bc
```
#af54bc rgb(175,84,188)
```
#bc5495
```
#bc5495 rgb(188,84,149)
```

Analogous Color

#54bc7b
```
#54bc7b rgb(84,188,123)
```
#af54bc
```
#af54bc rgb(175,84,188)
```
#95bc54
```
#95bc54 rgb(149,188,84)
```

Split Complementary Color

#54bcaf
```
#54bcaf rgb(84,188,175)
```
#af54bc
```
#af54bc rgb(175,84,188)
```
#bcaf54
```
#bcaf54 rgb(188,175,84)
```

Triadic Color

#5461bc
```
#5461bc rgb(84,97,188)
```
#af54bc
```
#af54bc rgb(175,84,188)
```
#bcaf54
```
#bcaf54 rgb(188,175,84)
```
#61bc54
```
#61bc54 rgb(97,188,84)
```

Tetradic Color

#82378c
```
#82378c rgb(130,55,140)
```
#933e9f
```
#933e9f rgb(147,62,159)
```
#a445b1
```
#a445b1 rgb(164,69,177)
```
#af54bc
```
#af54bc rgb(175,84,188)
```
#b866c3
```
#b866c3 rgb(184,102,195)
```
#c079ca
```
#c079ca rgb(192,121,202)
```
#c98bd2
```
#c98bd2 rgb(201,139,210)
```

Monochromatic Color

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

#9554bc
```
#9554bc rgb(149,84,188)
```
#9e54bc
```
#9e54bc rgb(158,84,188)
```
#a654bc
```
#a654bc rgb(166,84,188)
```
#af54bc
```
#af54bc rgb(175,84,188)
```
#b854bc
```
#b854bc rgb(184,84,188)
```
#bc54b8
```
#bc54b8 rgb(188,84,184)
```
#bc54af
```
#bc54af rgb(188,84,175)
```

Similar Colors

Text with hexadecimal color #af54bc

This text has a font color of #af54bc.

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

#af54bc background color

This paragraph has a background color of #af54bc.

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

#af54bc border color

This element has a border color of #af54bc.

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

CSS codes

.text {color:#af54bc;}

.background {background-color:#af54bc;}

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

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, #0b050c is the darkest color, while #fefdfe is the lightest one.

#0b050c
```
#0b050c rgb(11,5,12)
```
#180a1a
```
#180a1a rgb(24,10,26)
```
#251028
```
#251028 rgb(37,16,40)
```
#321536
```
#321536 rgb(50,21,54)
```
#3f1b45
```
#3f1b45 rgb(63,27,69)
```
#4c2053
```
#4c2053 rgb(76,32,83)
```
#592661
```
#592661 rgb(89,38,97)
```
#662b6f
```
#662b6f rgb(102,43,111)
```
#73317d
```
#73317d rgb(115,49,125)
```
#80368b
```
#80368b rgb(128,54,139)
```
#8e3c99
```
#8e3c99 rgb(142,60,153)
```
#9b42a7
```
#9b42a7 rgb(155,66,167)
```
#a847b5
```
#a847b5 rgb(168,71,181)
```

Shade Color Variation

#af54bc
```
#af54bc rgb(175,84,188)
```
#b662c2
```
#b662c2 rgb(182,98,194)
```
#bc70c7
```
#bc70c7 rgb(188,112,199)
```
#c37ecd
```
#c37ecd rgb(195,126,205)
```
#c98cd2
```
#c98cd2 rgb(201,140,210)
```
#d09ad8
```
#d09ad8 rgb(208,154,216)
```
#d7a9dd
```
#d7a9dd rgb(215,169,221)
```
#ddb7e3
```
#ddb7e3 rgb(221,183,227)
```
#e4c5e8
```
#e4c5e8 rgb(228,197,232)
```
#ead3ee
```
#ead3ee rgb(234,211,238)
```
#f1e1f3
```
#f1e1f3 rgb(241,225,243)
```
#f8eff9
```
#f8eff9 rgb(248,239,249)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

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

#8d828e
```
#8d828e rgb(141,130,142)
```
#947997
```
#947997 rgb(148,121,151)
```
#9a6fa1
```
#9a6fa1 rgb(154,111,161)
```
#a166aa
```
#a166aa rgb(161,102,170)
```
#a85db3
```
#a85db3 rgb(168,93,179)
```
#af54bc
```
#af54bc rgb(175,84,188)
```
#b64bc5
```
#b64bc5 rgb(182,75,197)
```
#bd42ce
```
#bd42ce rgb(189,66,206)
```
#c439d7
```
#c439d7 rgb(196,57,215)
```
#ca2fe1
```
#ca2fe1 rgb(202,47,225)
```
#d126ea
```
#d126ea rgb(209,38,234)
```
#d81df3
```
#d81df3 rgb(216,29,243)
```
#df14fc
```
#df14fc rgb(223,20,252)
```

Tone Color Variation

Below, you can see how #af54bc 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
#857388 Atypical Achromatopsia 0.001% of the population

Dichromacy

#507cd8 Protanopia 1% of men
#677fb5 Deuteranopia 1% of men
#a87078 Tritanopia 0.001% of the population

Trichromacy

#726ecd Protanomaly 1% of men, 0.01% of women
#816fb7 Deuteranomaly 6% of men, 0.4% of women
#aa6690 Tritanomaly 0.01% of the population

#af54bc hex color

#af54bc Color Information

#af54bc Color Conversion

Color Schemes with #af54bc

Alternatives to #af54bc

#af54bc Preview

Shades and Tints of #af54bc

Tones of #af54bc

Color Blindness Simulator