#af00cc hex color

In a RGB color space, hex #af00cc is composed of 68.6% red, 0% green and 80% blue. Whereas in a CMYK color space, it is composed of 14.2% cyan, 100% magenta, 0% yellow and 20% black. It has a hue angle of 291.5 degrees, a saturation of 100% and a lightness of 40%. #af00cc color hex could be obtained by blending #ff00ff with #5f0099. Closest websafe color is: #9900cc.

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

● #af00cc color description : Strong magenta.

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

Hex triplet	af00cc	`#af00cc`
RGB Decimal	175, 0, 204	`rgb(175,0,204)`
RGB Percent	68.6, 0, 80	`rgb(68.6%,0%,80%)`
CMYK	14, 100, 0, 20
HSL	291.5°, 100, 40	`hsl(291.5,100%,40%)`
HSV (or HSB)	291.5°, 100, 80
Web Safe	9900cc	`#9900cc`

CIE-LAB	43.471, 78.624, -59.794
XYZ	28.577, 13.475, 58.219
xyY	0.285, 0.134, 13.475
CIE-LCH	43.471, 98.778, 322.747
CIE-LUV	43.471, 47.556, -95.593
Hunter-Lab	36.708, 74.72, -68.337
Binary	10101111, 00000000, 11001100

#af00cc
```
#af00cc rgb(175,0,204)
```
#1dcc00
```
#1dcc00 rgb(29,204,0)
```

Complementary Color

#4900cc
```
#4900cc rgb(73,0,204)
```
#af00cc
```
#af00cc rgb(175,0,204)
```
#cc0083
```
#cc0083 rgb(204,0,131)
```

Analogous Color

#00cc49
```
#00cc49 rgb(0,204,73)
```
#af00cc
```
#af00cc rgb(175,0,204)
```
#83cc00
```
#83cc00 rgb(131,204,0)
```

Split Complementary Color

#00ccaf
```
#00ccaf rgb(0,204,175)
```
#af00cc
```
#af00cc rgb(175,0,204)
```
#ccaf00
```
#ccaf00 rgb(204,175,0)
```

Triadic Color

#001dcc
```
#001dcc rgb(0,29,204)
```
#af00cc
```
#af00cc rgb(175,0,204)
```
#ccaf00
```
#ccaf00 rgb(204,175,0)
```
#1dcc00
```
#1dcc00 rgb(29,204,0)
```

Tetradic Color

#6d0080
```
#6d0080 rgb(109,0,128)
```
#830099
```
#830099 rgb(131,0,153)
```
#9900b3
```
#9900b3 rgb(153,0,179)
```
#af00cc
```
#af00cc rgb(175,0,204)
```
#c500e6
```
#c500e6 rgb(197,0,230)
```
#db00ff
```
#db00ff rgb(219,0,255)
```
#de1aff
```
#de1aff rgb(222,26,255)
```

Monochromatic Color

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

#7c00cc
```
#7c00cc rgb(124,0,204)
```
#8d00cc
```
#8d00cc rgb(141,0,204)
```
#9e00cc
```
#9e00cc rgb(158,0,204)
```
#af00cc
```
#af00cc rgb(175,0,204)
```
#c000cc
```
#c000cc rgb(192,0,204)
```
#cc00c7
```
#cc00c7 rgb(204,0,199)
```
#cc00b6
```
#cc00b6 rgb(204,0,182)
```

Similar Colors

Text with hexadecimal color #af00cc

This text has a font color of #af00cc.

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

#af00cc background color

This paragraph has a background color of #af00cc.

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

#af00cc border color

This element has a border color of #af00cc.

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

CSS codes

.text {color:#af00cc;}

.background {background-color:#af00cc;}

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

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

#070008
```
#070008 rgb(7,0,8)
```
#18001b
```
#18001b rgb(24,0,27)
```
#28002f
```
#28002f rgb(40,0,47)
```
#390043
```
#390043 rgb(57,0,67)
```
#4a0056
```
#4a0056 rgb(74,0,86)
```
#5b006a
```
#5b006a rgb(91,0,106)
```
#6c007e
```
#6c007e rgb(108,0,126)
```
#7d0091
```
#7d0091 rgb(125,0,145)
```
#8d00a5
```
#8d00a5 rgb(141,0,165)
```
#9e00b8
```
#9e00b8 rgb(158,0,184)
```
#af00cc
```
#af00cc rgb(175,0,204)
```
#c000e0
```
#c000e0 rgb(192,0,224)
```
#d100f3
```
#d100f3 rgb(209,0,243)
```

Shade Color Variation

#dc08ff
```
#dc08ff rgb(220,8,255)
```
#df1bff
```
#df1bff rgb(223,27,255)
```
#e12fff
```
#e12fff rgb(225,47,255)
```
#e443ff
```
#e443ff rgb(228,67,255)
```
#e756ff
```
#e756ff rgb(231,86,255)
```
#ea6aff
```
#ea6aff rgb(234,106,255)
```
#ed7eff
```
#ed7eff rgb(237,126,255)
```
#ef91ff
```
#ef91ff rgb(239,145,255)
```
#f2a5ff
```
#f2a5ff rgb(242,165,255)
```
#f5b8ff
```
#f5b8ff rgb(245,184,255)
```
#f8ccff
```
#f8ccff rgb(248,204,255)
```
#fbe0ff
```
#fbe0ff rgb(251,224,255)
```
#fdf3ff
```
#fdf3ff rgb(253,243,255)
```

Tint Color Variation

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

#6c5e6e
```
#6c5e6e rgb(108,94,110)
```
#715676
```
#715676 rgb(113,86,118)
```
#774e7e
```
#774e7e rgb(119,78,126)
```
#7c4785
```
#7c4785 rgb(124,71,133)
```
#823f8d
```
#823f8d rgb(130,63,141)
```
#883795
```
#883795 rgb(136,55,149)
```
#8d2f9d
```
#8d2f9d rgb(141,47,157)
```
#9327a5
```
#9327a5 rgb(147,39,165)
```
#991fad
```
#991fad rgb(153,31,173)
```
#9e18b4
```
#9e18b4 rgb(158,24,180)
```
#a410bc
```
#a410bc rgb(164,16,188)
```
#a908c4
```
#a908c4 rgb(169,8,196)
```
#af00cc
```
#af00cc rgb(175,0,204)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#603d66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd1 Protanopia 1% of men
#1470ba Deuteranopia 1% of men
#a2585e Tritanopia 0.001% of the population

Trichromacy

#3f44cf Protanomaly 1% of men, 0.01% of women
#4c47c1 Deuteranomaly 6% of men, 0.4% of women
#a63886 Tritanomaly 0.01% of the population

#af00cc hex color

#af00cc Color Information

#af00cc Color Conversion

Color Schemes with #af00cc

Alternatives to #af00cc

#af00cc Preview

Shades and Tints of #af00cc

Tones of #af00cc

Color Blindness Simulator