#af45c8 hex color

In a RGB color space, hex #af45c8 is composed of 68.6% red, 27.1% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 12.5% cyan, 65.5% magenta, 0% yellow and 21.6% black. It has a hue angle of 288.5 degrees, a saturation of 54.4% and a lightness of 52.7%. #af45c8 color hex could be obtained by blending #ff8aff with #5f0091. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 69
- G 27
- B 78
RGB color chart
- C 13
- M 66
- Y 0
- K 22
CMYK color chart

● #af45c8 color description : Moderate magenta.

The hexadecimal color #af45c8 has RGB values of R:175, G:69, B:200 and CMYK values of C:0.13, M:0.66, Y:0, K:0.22. Its decimal value is 11486664.

Hex triplet	af45c8	`#af45c8`
RGB Decimal	175, 69, 200	`rgb(175,69,200)`
RGB Percent	68.6, 27.1, 78.4	`rgb(68.6%,27.1%,78.4%)`
CMYK	13, 66, 0, 22
HSL	288.5°, 54.4, 52.7	`hsl(288.5,54.4%,52.7%)`
HSV (or HSB)	288.5°, 65.5, 78.4
Web Safe	9933cc	`#9933cc`

CIE-LAB	48.935, 61.412, -48.696
XYZ	30.231, 17.542, 56.434
xyY	0.29, 0.168, 17.542
CIE-LCH	48.935, 78.375, 321.588
CIE-LUV	48.935, 40.417, -80.857
Hunter-Lab	41.883, 55.549, -50.571
Binary	10101111, 01000101, 11001000

#af45c8
```
#af45c8 rgb(175,69,200)
```
#5ec845
```
#5ec845 rgb(94,200,69)
```

Complementary Color

#6e45c8
```
#6e45c8 rgb(110,69,200)
```
#af45c8
```
#af45c8 rgb(175,69,200)
```
#c845a0
```
#c845a0 rgb(200,69,160)
```

Analogous Color

#45c86e
```
#45c86e rgb(69,200,110)
```
#af45c8
```
#af45c8 rgb(175,69,200)
```
#a0c845
```
#a0c845 rgb(160,200,69)
```

Split Complementary Color

#45c8af
```
#45c8af rgb(69,200,175)
```
#af45c8
```
#af45c8 rgb(175,69,200)
```
#c8af45
```
#c8af45 rgb(200,175,69)
```

Triadic Color

#455ec8
```
#455ec8 rgb(69,94,200)
```
#af45c8
```
#af45c8 rgb(175,69,200)
```
#c8af45
```
#c8af45 rgb(200,175,69)
```
#5ec845
```
#5ec845 rgb(94,200,69)
```

Tetradic Color

#812c95
```
#812c95 rgb(129,44,149)
```
#9232a8
```
#9232a8 rgb(146,50,168)
```
#a338bc
```
#a338bc rgb(163,56,188)
```
#af45c8
```
#af45c8 rgb(175,69,200)
```
#b759ce
```
#b759ce rgb(183,89,206)
```
#c06cd4
```
#c06cd4 rgb(192,108,212)
```
#c880d9
```
#c880d9 rgb(200,128,217)
```

Monochromatic Color

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

#8e45c8
```
#8e45c8 rgb(142,69,200)
```
#9945c8
```
#9945c8 rgb(153,69,200)
```
#a445c8
```
#a445c8 rgb(164,69,200)
```
#af45c8
```
#af45c8 rgb(175,69,200)
```
#ba45c8
```
#ba45c8 rgb(186,69,200)
```
#c545c8
```
#c545c8 rgb(197,69,200)
```
#c845c0
```
#c845c0 rgb(200,69,192)
```

Similar Colors

Text with hexadecimal color #af45c8

This text has a font color of #af45c8.

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

#af45c8 background color

This paragraph has a background color of #af45c8.

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

#af45c8 border color

This element has a border color of #af45c8.

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

CSS codes

.text {color:#af45c8;}

.background {background-color:#af45c8;}

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

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

#09030b
```
#09030b rgb(9,3,11)
```
#16081a
```
#16081a rgb(22,8,26)
```
#240c29
```
#240c29 rgb(36,12,41)
```
#311138
```
#311138 rgb(49,17,56)
```
#3e1547
```
#3e1547 rgb(62,21,71)
```
#4b1a56
```
#4b1a56 rgb(75,26,86)
```
#581e66
```
#581e66 rgb(88,30,102)
```
#652375
```
#652375 rgb(101,35,117)
```
#722784
```
#722784 rgb(114,39,132)
```
#7f2b93
```
#7f2b93 rgb(127,43,147)
```
#8c30a2
```
#8c30a2 rgb(140,48,162)
```
#9934b1
```
#9934b1 rgb(153,52,177)
```
#a739c0
```
#a739c0 rgb(167,57,192)
```

Shade Color Variation

#af45c8
```
#af45c8 rgb(175,69,200)
```
#b654cc
```
#b654cc rgb(182,84,204)
```
#bc63d1
```
#bc63d1 rgb(188,99,209)
```
#c372d5
```
#c372d5 rgb(195,114,213)
```
#c982da
```
#c982da rgb(201,130,218)
```
#d091de
```
#d091de rgb(208,145,222)
```
#d6a0e3
```
#d6a0e3 rgb(214,160,227)
```
#ddafe7
```
#ddafe7 rgb(221,175,231)
```
#e3beec
```
#e3beec rgb(227,190,236)
```
#eacdf0
```
#eacdf0 rgb(234,205,240)
```
#f0dcf5
```
#f0dcf5 rgb(240,220,245)
```
#f7ecf9
```
#f7ecf9 rgb(247,236,249)
```
#fdfbfe
```
#fdfbfe rgb(253,251,254)
```

Tint Color Variation

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

#878687
```
#878687 rgb(135,134,135)
```
#8d7d90
```
#8d7d90 rgb(141,125,144)
```
#92739a
```
#92739a rgb(146,115,154)
```
#986aa3
```
#986aa3 rgb(152,106,163)
```
#9e61ac
```
#9e61ac rgb(158,97,172)
```
#a458b5
```
#a458b5 rgb(164,88,181)
```
#a94ebf
```
#a94ebf rgb(169,78,191)
```
#af45c8
```
#af45c8 rgb(175,69,200)
```
#b53cd1
```
#b53cd1 rgb(181,60,209)
```
#ba32db
```
#ba32db rgb(186,50,219)
```
#c029e4
```
#c029e4 rgb(192,41,228)
```
#c620ed
```
#c620ed rgb(198,32,237)
```
#cc17f6
```
#cc17f6 rgb(204,23,246)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#806b85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077ea Protanopia 1% of men
#517bbd Deuteranopia 1% of men
#a56b72 Tritanopia 0.001% of the population

Trichromacy

#3f65de Protanomaly 1% of men, 0.01% of women
#7367c1 Deuteranomaly 6% of men, 0.4% of women
#a85d91 Tritanomaly 0.01% of the population

#af45c8 hex color

#af45c8 Color Information

#af45c8 Color Conversion

Color Schemes with #af45c8

Alternatives to #af45c8

#af45c8 Preview

Shades and Tints of #af45c8

Tones of #af45c8

Color Blindness Simulator