#af45cc hex color

In a RGB color space, hex #af45cc is composed of 68.6% red, 27.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 14.2% cyan, 66.2% magenta, 0% yellow and 20% black. It has a hue angle of 287.1 degrees, a saturation of 57% and a lightness of 53.5%. #af45cc color hex could be obtained by blending #ff8aff with #5f0099. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 69
- G 27
- B 80
RGB color chart
- C 14
- M 66
- Y 0
- K 20
CMYK color chart

● #af45cc color description : Moderate magenta.

The hexadecimal color #af45cc has RGB values of R:175, G:69, B:204 and CMYK values of C:0.14, M:0.66, Y:0, K:0.2. Its decimal value is 11486668.

Hex triplet	af45cc	`#af45cc`
RGB Decimal	175, 69, 204	`rgb(175,69,204)`
RGB Percent	68.6, 27.1, 80	`rgb(68.6%,27.1%,80%)`
CMYK	14, 66, 0, 20
HSL	287.1°, 57, 53.5	`hsl(287.1,57%,53.5%)`
HSV (or HSB)	287.1°, 66.2, 80
Web Safe	9933cc	`#9933cc`

CIE-LAB	49.168, 62.181, -50.627
XYZ	30.705, 17.731, 58.929
xyY	0.286, 0.165, 17.731
CIE-LCH	49.168, 80.185, 320.848
CIE-LUV	49.168, 39.356, -83.915
Hunter-Lab	42.108, 56.471, -53.498
Binary	10101111, 01000101, 11001100

#af45cc
```
#af45cc rgb(175,69,204)
```
#62cc45
```
#62cc45 rgb(98,204,69)
```

Complementary Color

#6c45cc
```
#6c45cc rgb(108,69,204)
```
#af45cc
```
#af45cc rgb(175,69,204)
```
#cc45a6
```
#cc45a6 rgb(204,69,166)
```

Analogous Color

#45cc6c
```
#45cc6c rgb(69,204,108)
```
#af45cc
```
#af45cc rgb(175,69,204)
```
#a6cc45
```
#a6cc45 rgb(166,204,69)
```

Split Complementary Color

#45ccaf
```
#45ccaf rgb(69,204,175)
```
#af45cc
```
#af45cc rgb(175,69,204)
```
#ccaf45
```
#ccaf45 rgb(204,175,69)
```

Triadic Color

#4562cc
```
#4562cc rgb(69,98,204)
```
#af45cc
```
#af45cc rgb(175,69,204)
```
#ccaf45
```
#ccaf45 rgb(204,175,69)
```
#62cc45
```
#62cc45 rgb(98,204,69)
```

Tetradic Color

#822a9a
```
#822a9a rgb(130,42,154)
```
#9330ae
```
#9330ae rgb(147,48,174)
```
#a435c2
```
#a435c2 rgb(164,53,194)
```
#af45cc
```
#af45cc rgb(175,69,204)
```
#b859d1
```
#b859d1 rgb(184,89,209)
```
#c06dd7
```
#c06dd7 rgb(192,109,215)
```
#c981dc
```
#c981dc rgb(201,129,220)
```

Monochromatic Color

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

#8d45cc
```
#8d45cc rgb(141,69,204)
```
#9945cc
```
#9945cc rgb(153,69,204)
```
#a445cc
```
#a445cc rgb(164,69,204)
```
#af45cc
```
#af45cc rgb(175,69,204)
```
#ba45cc
```
#ba45cc rgb(186,69,204)
```
#c645cc
```
#c645cc rgb(198,69,204)
```
#cc45c7
```
#cc45c7 rgb(204,69,199)
```

Similar Colors

Text with hexadecimal color #af45cc

This text has a font color of #af45cc.

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

#af45cc background color

This paragraph has a background color of #af45cc.

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

#af45cc border color

This element has a border color of #af45cc.

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

CSS codes

.text {color:#af45cc;}

.background {background-color:#af45cc;}

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

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

#0c040e
```
#0c040e rgb(12,4,14)
```
#19081e
```
#19081e rgb(25,8,30)
```
#260c2d
```
#260c2d rgb(38,12,45)
```
#33113c
```
#33113c rgb(51,17,60)
```
#40154c
```
#40154c rgb(64,21,76)
```
#4d195b
```
#4d195b rgb(77,25,91)
```
#5a1d6a
```
#5a1d6a rgb(90,29,106)
```
#67217a
```
#67217a rgb(103,33,122)
```
#742689
```
#742689 rgb(116,38,137)
```
#812a99
```
#812a99 rgb(129,42,153)
```
#8e2ea8
```
#8e2ea8 rgb(142,46,168)
```
#9b32b7
```
#9b32b7 rgb(155,50,183)
```
#a837c7
```
#a837c7 rgb(168,55,199)
```

Shade Color Variation

#af45cc
```
#af45cc rgb(175,69,204)
```
#b654d0
```
#b654d0 rgb(182,84,208)
```
#bc64d4
```
#bc64d4 rgb(188,100,212)
```
#c373d9
```
#c373d9 rgb(195,115,217)
```
#c983dd
```
#c983dd rgb(201,131,221)
```
#d092e1
```
#d092e1 rgb(208,146,225)
```
#d7a1e5
```
#d7a1e5 rgb(215,161,229)
```
#ddb1ea
```
#ddb1ea rgb(221,177,234)
```
#e4c0ee
```
#e4c0ee rgb(228,192,238)
```
#ebd0f2
```
#ebd0f2 rgb(235,208,242)
```
#f1dff6
```
#f1dff6 rgb(241,223,246)
```
#f8eefa
```
#f8eefa rgb(248,238,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#8b858c
```
#8b858c rgb(139,133,140)
```
#907c95
```
#907c95 rgb(144,124,149)
```
#95739e
```
#95739e rgb(149,115,158)
```
#9a69a8
```
#9a69a8 rgb(154,105,168)
```
#9f60b1
```
#9f60b1 rgb(159,96,177)
```
#a557ba
```
#a557ba rgb(165,87,186)
```
#aa4ec3
```
#aa4ec3 rgb(170,78,195)
```
#af45cc
```
#af45cc rgb(175,69,204)
```
#b43cd5
```
#b43cd5 rgb(180,60,213)
```
#b933de
```
#b933de rgb(185,51,222)
```
#bf2ae7
```
#bf2ae7 rgb(191,42,231)
```
#c421f0
```
#c421f0 rgb(196,33,240)
```
#c917fa
```
#c917fa rgb(201,23,250)
```

Tone Color Variation

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

Dichromacy

#0078eb Protanopia 1% of men
#4d7cc0 Deuteranopia 1% of men
#a46c73 Tritanopia 0.001% of the population

Trichromacy

#3f65e0 Protanomaly 1% of men, 0.01% of women
#7168c4 Deuteranomaly 6% of men, 0.4% of women
#a85e93 Tritanomaly 0.01% of the population

#af45cc hex color

#af45cc Color Information

#af45cc Color Conversion

Color Schemes with #af45cc

Alternatives to #af45cc

#af45cc Preview

Shades and Tints of #af45cc

Tones of #af45cc

Color Blindness Simulator