#cc18de hex color

In a RGB color space, hex #cc18de is composed of 80% red, 9.4% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 8.1% cyan, 89.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 294.5 degrees, a saturation of 80.5% and a lightness of 48.2%. #cc18de color hex could be obtained by blending #ff30ff with #9900bd. Closest websafe color is: #cc00cc.

♥
- f
- t
- g
- R 80
- G 9
- B 87
RGB color chart
- C 8
- M 89
- Y 0
- K 13
CMYK color chart

● #cc18de color description : Vivid magenta.

The hexadecimal color #cc18de has RGB values of R:204, G:24, B:222 and CMYK values of C:0.08, M:0.89, Y:0, K:0.13. Its decimal value is 13375710.

Hex triplet	cc18de	`#cc18de`
RGB Decimal	204, 24, 222	`rgb(204,24,222)`
RGB Percent	80, 9.4, 87.1	`rgb(80%,9.4%,87.1%)`
CMYK	8, 89, 0, 13
HSL	294.5°, 80.5, 48.2	`hsl(294.5,80.5%,48.2%)`
HSV (or HSB)	294.5°, 89.2, 87.1
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	50.413, 83.405, -58.684
XYZ	38.412, 18.767, 70.702
xyY	0.3, 0.147, 18.767
CIE-LCH	50.413, 101.981, 324.87
CIE-LUV	50.413, 59.613, -98.873
Hunter-Lab	43.321, 82.463, -66.441
Binary	11001100, 00011000, 11011110

#cc18de
```
#cc18de rgb(204,24,222)
```
#2ade18
```
#2ade18 rgb(42,222,24)
```

Complementary Color

#6918de
```
#6918de rgb(105,24,222)
```
#cc18de
```
#cc18de rgb(204,24,222)
```
#de188d
```
#de188d rgb(222,24,141)
```

Analogous Color

#18de69
```
#18de69 rgb(24,222,105)
```
#cc18de
```
#cc18de rgb(204,24,222)
```
#8dde18
```
#8dde18 rgb(141,222,24)
```

Split Complementary Color

#18decc
```
#18decc rgb(24,222,204)
```
#cc18de
```
#cc18de rgb(204,24,222)
```
#decc18
```
#decc18 rgb(222,204,24)
```

Triadic Color

#182ade
```
#182ade rgb(24,42,222)
```
#cc18de
```
#cc18de rgb(204,24,222)
```
#decc18
```
#decc18 rgb(222,204,24)
```
#2ade18
```
#2ade18 rgb(42,222,24)
```

Tetradic Color

#8d1199
```
#8d1199 rgb(141,17,153)
```
#a213b0
```
#a213b0 rgb(162,19,176)
```
#b716c7
```
#b716c7 rgb(183,22,199)
```
#cc18de
```
#cc18de rgb(204,24,222)
```
#d628e8
```
#d628e8 rgb(214,40,232)
```
#db3fea
```
#db3fea rgb(219,63,234)
```
#df56ed
```
#df56ed rgb(223,86,237)
```

Monochromatic Color

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

#9b18de
```
#9b18de rgb(155,24,222)
```
#ab18de
```
#ab18de rgb(171,24,222)
```
#bc18de
```
#bc18de rgb(188,24,222)
```
#cc18de
```
#cc18de rgb(204,24,222)
```
#dd18de
```
#dd18de rgb(221,24,222)
```
#de18cf
```
#de18cf rgb(222,24,207)
```
#de18bf
```
#de18bf rgb(222,24,191)
```

Similar Colors

Text with hexadecimal color #cc18de

This text has a font color of #cc18de.

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

#cc18de background color

This paragraph has a background color of #cc18de.

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

#cc18de border color

This element has a border color of #cc18de.

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

CSS codes

.text {color:#cc18de;}

.background {background-color:#cc18de;}

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

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, #09010a is the darkest color, while #fdf7fe is the lightest one.

#09010a
```
#09010a rgb(9,1,10)
```
#19031b
```
#19031b rgb(25,3,27)
```
#29052d
```
#29052d rgb(41,5,45)
```
#3a073f
```
#3a073f rgb(58,7,63)
```
#4a0950
```
#4a0950 rgb(74,9,80)
```
#5a0b62
```
#5a0b62 rgb(90,11,98)
```
#6a0d74
```
#6a0d74 rgb(106,13,116)
```
#7b0e85
```
#7b0e85 rgb(123,14,133)
```
#8b1097
```
#8b1097 rgb(139,16,151)
```
#9b12a9
```
#9b12a9 rgb(155,18,169)
```
#ab14bb
```
#ab14bb rgb(171,20,187)
```
#bc16cc
```
#bc16cc rgb(188,22,204)
```
#cc18de
```
#cc18de rgb(204,24,222)
```

Shade Color Variation

#d522e7
```
#d522e7 rgb(213,34,231)
```
#d934e9
```
#d934e9 rgb(217,52,233)
```
#dc46eb
```
#dc46eb rgb(220,70,235)
```
#df58ed
```
#df58ed rgb(223,88,237)
```
#e369ef
```
#e369ef rgb(227,105,239)
```
#e67bf1
```
#e67bf1 rgb(230,123,241)
```
#e98df3
```
#e98df3 rgb(233,141,243)
```
#ed9ef5
```
#ed9ef5 rgb(237,158,245)
```
#f0b0f6
```
#f0b0f6 rgb(240,176,246)
```
#f3c2f8
```
#f3c2f8 rgb(243,194,248)
```
#f7d3fa
```
#f7d3fa rgb(247,211,250)
```
#fae5fc
```
#fae5fc rgb(250,229,252)
```
#fdf7fe
```
#fdf7fe rgb(253,247,254)
```

Tint Color Variation

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

#7f777f
```
#7f777f rgb(127,119,127)
```
#866d89
```
#866d89 rgb(134,109,137)
```
#8e6492
```
#8e6492 rgb(142,100,146)
```
#965a9c
```
#965a9c rgb(150,90,156)
```
#9e51a5
```
#9e51a5 rgb(158,81,165)
```
#a547af
```
#a547af rgb(165,71,175)
```
#ad3eb8
```
#ad3eb8 rgb(173,62,184)
```
#b534c2
```
#b534c2 rgb(181,52,194)
```
#bd2bcb
```
#bd2bcb rgb(189,43,203)
```
#c421d5
```
#c421d5 rgb(196,33,213)
```
#cc18de
```
#cc18de rgb(204,24,222)
```
#d40fe7
```
#d40fe7 rgb(212,15,231)
```
#db05f1
```
#db05f1 rgb(219,5,241)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#79557c Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf0 Protanopia 1% of men
#4480cb Deuteranopia 1% of men
#be6269 Tritanopia 0.001% of the population

Trichromacy

#4a57e9 Protanomaly 1% of men, 0.01% of women
#755ad2 Deuteranomaly 6% of men, 0.4% of women
#c34793 Tritanomaly 0.01% of the population

#cc18de hex color

#cc18de Color Information

#cc18de Color Conversion

Color Schemes with #cc18de

Alternatives to #cc18de

#cc18de Preview

Shades and Tints of #cc18de

Tones of #cc18de

Color Blindness Simulator