#cc18ff hex color

In a RGB color space, hex #cc18ff is composed of 80% red, 9.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 90.6% magenta, 0% yellow and 0% black. It has a hue angle of 286.8 degrees, a saturation of 100% and a lightness of 54.7%. #cc18ff color hex could be obtained by blending #ff30ff with #9900ff. Closest websafe color is: #cc00ff.

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

● #cc18ff color description : Vivid magenta.

The hexadecimal color #cc18ff has RGB values of R:204, G:24, B:255 and CMYK values of C:0.2, M:0.91, Y:0, K:0. Its decimal value is 13375743.

Hex triplet	cc18ff	`#cc18ff`
RGB Decimal	204, 24, 255	`rgb(204,24,255)`
RGB Percent	80, 9.4, 100	`rgb(80%,9.4%,100%)`
CMYK	20, 91, 0, 0
HSL	286.8°, 100, 54.7	`hsl(286.8,100%,54.7%)`
HSV (or HSB)	286.8°, 90.6, 100
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	52.633, 88.823, -73.658
XYZ	43.276, 20.713, 96.321
xyY	0.27, 0.129, 20.713
CIE-LCH	52.633, 115.391, 320.332
CIE-LUV	52.633, 48.858, -122.062
Hunter-Lab	45.511, 90.091, -93.625
Binary	11001100, 00011000, 11111111

#cc18ff
```
#cc18ff rgb(204,24,255)
```
#4bff18
```
#4bff18 rgb(75,255,24)
```

Complementary Color

#5918ff
```
#5918ff rgb(89,24,255)
```
#cc18ff
```
#cc18ff rgb(204,24,255)
```
#ff18bf
```
#ff18bf rgb(255,24,191)
```

Analogous Color

#18ff59
```
#18ff59 rgb(24,255,89)
```
#cc18ff
```
#cc18ff rgb(204,24,255)
```
#bfff18
```
#bfff18 rgb(191,255,24)
```

Split Complementary Color

#18ffcc
```
#18ffcc rgb(24,255,204)
```
#cc18ff
```
#cc18ff rgb(204,24,255)
```
#ffcc18
```
#ffcc18 rgb(255,204,24)
```

Triadic Color

#184bff
```
#184bff rgb(24,75,255)
```
#cc18ff
```
#cc18ff rgb(204,24,255)
```
#ffcc18
```
#ffcc18 rgb(255,204,24)
```
#4bff18
```
#4bff18 rgb(75,255,24)
```

Tetradic Color

#9e00cb
```
#9e00cb rgb(158,0,203)
```
#b200e4
```
#b200e4 rgb(178,0,228)
```
#c600fe
```
#c600fe rgb(198,0,254)
```
#cc18ff
```
#cc18ff rgb(204,24,255)
```
#d232ff
```
#d232ff rgb(210,50,255)
```
#d74bff
```
#d74bff rgb(215,75,255)
```
#dd65ff
```
#dd65ff rgb(221,101,255)
```

Monochromatic Color

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

#9218ff
```
#9218ff rgb(146,24,255)
```
#a618ff
```
#a618ff rgb(166,24,255)
```
#b918ff
```
#b918ff rgb(185,24,255)
```
#cc18ff
```
#cc18ff rgb(204,24,255)
```
#df18ff
```
#df18ff rgb(223,24,255)
```
#f318ff
```
#f318ff rgb(243,24,255)
```
#ff18f8
```
#ff18f8 rgb(255,24,248)
```

Similar Colors

Text with hexadecimal color #cc18ff

This text has a font color of #cc18ff.

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

#cc18ff background color

This paragraph has a background color of #cc18ff.

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

#cc18ff border color

This element has a border color of #cc18ff.

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

CSS codes

.text {color:#cc18ff;}

.background {background-color:#cc18ff;}

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

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

#030004
```
#030004 rgb(3,0,4)
```
#130018
```
#130018 rgb(19,0,24)
```
#22002c
```
#22002c rgb(34,0,44)
```
#31003f
```
#31003f rgb(49,0,63)
```
#410053
```
#410053 rgb(65,0,83)
```
#500066
```
#500066 rgb(80,0,102)
```
#5f007a
```
#5f007a rgb(95,0,122)
```
#6e008e
```
#6e008e rgb(110,0,142)
```
#7e00a1
```
#7e00a1 rgb(126,0,161)
```
#8d00b5
```
#8d00b5 rgb(141,0,181)
```
#9c00c9
```
#9c00c9 rgb(156,0,201)
```
#ac00dc
```
#ac00dc rgb(172,0,220)
```
#bb00f0
```
#bb00f0 rgb(187,0,240)
```

Shade Color Variation

#c804ff
```
#c804ff rgb(200,4,255)
```
#cc18ff
```
#cc18ff rgb(204,24,255)
```
#d02cff
```
#d02cff rgb(208,44,255)
```
#d53fff
```
#d53fff rgb(213,63,255)
```
#d953ff
```
#d953ff rgb(217,83,255)
```
#dd66ff
```
#dd66ff rgb(221,102,255)
```
#e27aff
```
#e27aff rgb(226,122,255)
```
#e68eff
```
#e68eff rgb(230,142,255)
```
#eaa1ff
```
#eaa1ff rgb(234,161,255)
```
#efb5ff
```
#efb5ff rgb(239,181,255)
```
#f3c9ff
```
#f3c9ff rgb(243,201,255)
```
#f7dcff
```
#f7dcff rgb(247,220,255)
```
#fcf0ff
```
#fcf0ff rgb(252,240,255)
```

Tint Color Variation

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

#908394
```
#908394 rgb(144,131,148)
```
#957a9d
```
#957a9d rgb(149,122,157)
```
#9a71a6
```
#9a71a6 rgb(154,113,166)
```
#9f68af
```
#9f68af rgb(159,104,175)
```
#a45fb8
```
#a45fb8 rgb(164,95,184)
```
#a956c1
```
#a956c1 rgb(169,86,193)
```
#ae4dca
```
#ae4dca rgb(174,77,202)
```
#b344d3
```
#b344d3 rgb(179,68,211)
```
#b83cdb
```
#b83cdb rgb(184,60,219)
```
#bd33e4
```
#bd33e4 rgb(189,51,228)
```
#c22aed
```
#c22aed rgb(194,42,237)
```
#c721f6
```
#c721f6 rgb(199,33,246)
```
#cc18ff
```
#cc18ff rgb(204,24,255)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#7c5886 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fa Protanopia 1% of men
#0086df Deuteranopia 1% of men
#b76f77 Tritanopia 0.001% of the population

Trichromacy

#4a5afb Protanomaly 1% of men, 0.01% of women
#4a5eea Deuteranomaly 6% of men, 0.4% of women
#bf4fa8 Tritanomaly 0.01% of the population

#cc18ff hex color

#cc18ff Color Information

#cc18ff Color Conversion

Color Schemes with #cc18ff

Alternatives to #cc18ff

#cc18ff Preview

Shades and Tints of #cc18ff

Tones of #cc18ff

Color Blindness Simulator