#af54c0 hex color

In a RGB color space, hex #af54c0 is composed of 68.6% red, 32.9% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 8.9% cyan, 56.3% magenta, 0% yellow and 24.7% black. It has a hue angle of 290.6 degrees, a saturation of 46.2% and a lightness of 54.1%. #af54c0 color hex could be obtained by blending #ffa8ff with #5f0081. Closest websafe color is: #9966cc.

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

● #af54c0 color description : Moderate magenta.

The hexadecimal color #af54c0 has RGB values of R:175, G:84, B:192 and CMYK values of C:0.09, M:0.56, Y:0, K:0.25. Its decimal value is 11490496.

Hex triplet	af54c0	`#af54c0`
RGB Decimal	175, 84, 192	`rgb(175,84,192)`
RGB Percent	68.6, 32.9, 75.3	`rgb(68.6%,32.9%,75.3%)`
CMYK	9, 56, 0, 25
HSL	290.6°, 46.2, 54.1	`hsl(290.6,46.2%,54.1%)`
HSV (or HSB)	290.6°, 56.3, 75.3
Web Safe	9966cc	`#9966cc`

CIE-LAB	50.992, 53.041, -40.812
XYZ	30.363, 19.262, 51.985
xyY	0.299, 0.19, 19.262
CIE-LCH	50.992, 66.925, 322.424
CIE-LUV	50.992, 38.261, -68.652
Hunter-Lab	43.888, 46.687, -39.506
Binary	10101111, 01010100, 11000000

#af54c0
```
#af54c0 rgb(175,84,192)
```
#65c054
```
#65c054 rgb(101,192,84)
```

Complementary Color

#7954c0
```
#7954c0 rgb(121,84,192)
```
#af54c0
```
#af54c0 rgb(175,84,192)
```
#c0549b
```
#c0549b rgb(192,84,155)
```

Analogous Color

#54c079
```
#54c079 rgb(84,192,121)
```
#af54c0
```
#af54c0 rgb(175,84,192)
```
#9bc054
```
#9bc054 rgb(155,192,84)
```

Split Complementary Color

#54c0af
```
#54c0af rgb(84,192,175)
```
#af54c0
```
#af54c0 rgb(175,84,192)
```
#c0af54
```
#c0af54 rgb(192,175,84)
```

Triadic Color

#5465c0
```
#5465c0 rgb(84,101,192)
```
#af54c0
```
#af54c0 rgb(175,84,192)
```
#c0af54
```
#c0af54 rgb(192,175,84)
```
#65c054
```
#65c054 rgb(101,192,84)
```

Tetradic Color

#833692
```
#833692 rgb(131,54,146)
```
#943da4
```
#943da4 rgb(148,61,164)
```
#a543b7
```
#a543b7 rgb(165,67,183)
```
#af54c0
```
#af54c0 rgb(175,84,192)
```
#b867c7
```
#b867c7 rgb(184,103,199)
```
#c079ce
```
#c079ce rgb(192,121,206)
```
#c98cd5
```
#c98cd5 rgb(201,140,213)
```

Monochromatic Color

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

#9454c0
```
#9454c0 rgb(148,84,192)
```
#9d54c0
```
#9d54c0 rgb(157,84,192)
```
#a654c0
```
#a654c0 rgb(166,84,192)
```
#af54c0
```
#af54c0 rgb(175,84,192)
```
#b854c0
```
#b854c0 rgb(184,84,192)
```
#c054bf
```
#c054bf rgb(192,84,191)
```
#c054b6
```
#c054b6 rgb(192,84,182)
```

Similar Colors

Text with hexadecimal color #af54c0

This text has a font color of #af54c0.

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

#af54c0 background color

This paragraph has a background color of #af54c0.

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

#af54c0 border color

This element has a border color of #af54c0.

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

CSS codes

.text {color:#af54c0;}

.background {background-color:#af54c0;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0e060f
```
#0e060f rgb(14,6,15)
```
#1b0b1e
```
#1b0b1e rgb(27,11,30)
```
#28102c
```
#28102c rgb(40,16,44)
```
#35153a
```
#35153a rgb(53,21,58)
```
#411b49
```
#411b49 rgb(65,27,73)
```
#4e2057
```
#4e2057 rgb(78,32,87)
```
#5b2565
```
#5b2565 rgb(91,37,101)
```
#682b74
```
#682b74 rgb(104,43,116)
```
#753082
```
#753082 rgb(117,48,130)
```
#823590
```
#823590 rgb(130,53,144)
```
#8f3a9f
```
#8f3a9f rgb(143,58,159)
```
#9c40ad
```
#9c40ad rgb(156,64,173)
```

Shade Color Variation

#a846bb
```
#a846bb rgb(168,70,187)
```
#af54c0
```
#af54c0 rgb(175,84,192)
```
#b662c5
```
#b662c5 rgb(182,98,197)
```
#bc71cb
```
#bc71cb rgb(188,113,203)
```
#c37fd0
```
#c37fd0 rgb(195,127,208)
```
#ca8dd5
```
#ca8dd5 rgb(202,141,213)
```
#d19cda
```
#d19cda rgb(209,156,218)
```
#d7aae0
```
#d7aae0 rgb(215,170,224)
```
#deb8e5
```
#deb8e5 rgb(222,184,229)
```
#e5c7ea
```
#e5c7ea rgb(229,199,234)
```
#ebd5f0
```
#ebd5f0 rgb(235,213,240)
```
#f2e3f5
```
#f2e3f5 rgb(242,227,245)
```
#f9f2fa
```
#f9f2fa rgb(249,242,250)
```

Tint Color Variation

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

#908193
```
#908193 rgb(144,129,147)
```
#96789c
```
#96789c rgb(150,120,156)
```
#9d6fa5
```
#9d6fa5 rgb(157,111,165)
```
#a366ae
```
#a366ae rgb(163,102,174)
```
#a95db7
```
#a95db7 rgb(169,93,183)
```
#af54c0
```
#af54c0 rgb(175,84,192)
```
#b54bc9
```
#b54bc9 rgb(181,75,201)
```
#bb42d2
```
#bb42d2 rgb(187,66,210)
```
#c239db
```
#c239db rgb(194,57,219)
```
#c830e4
```
#c830e4 rgb(200,48,228)
```
#ce27ed
```
#ce27ed rgb(206,39,237)
```
#d41ef6
```
#d41ef6 rgb(212,30,246)
```
#da15ff
```
#da15ff rgb(218,21,255)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#86748a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c7ddc Protanopia 1% of men
#657fb8 Deuteranopia 1% of men
#a77179 Tritanopia 0.001% of the population

Trichromacy

#706ed2 Protanomaly 1% of men, 0.01% of women
#7f6fbb Deuteranomaly 6% of men, 0.4% of women
#aa6693 Tritanomaly 0.01% of the population

#af54c0 hex color

#af54c0 Color Information

#af54c0 Color Conversion

Color Schemes with #af54c0

Alternatives to #af54c0

#af54c0 Preview

Shades and Tints of #af54c0

Tones of #af54c0

Color Blindness Simulator