#c218bb hex color

In a RGB color space, hex #c218bb is composed of 76.1% red, 9.4% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 87.6% magenta, 3.6% yellow and 23.9% black. It has a hue angle of 302.5 degrees, a saturation of 78% and a lightness of 42.7%. #c218bb color hex could be obtained by blending #ff30ff with #850077. Closest websafe color is: #cc00cc.

♥
- f
- t
- g
- R 76
- G 9
- B 73
RGB color chart
- C 0
- M 88
- Y 4
- K 24
CMYK color chart

● #c218bb color description : Strong magenta.

The hexadecimal color #c218bb has RGB values of R:194, G:24, B:187 and CMYK values of C:0, M:0.88, Y:0.04, K:0.24. Its decimal value is 12720315.

Hex triplet	c218bb	`#c218bb`
RGB Decimal	194, 24, 187	`rgb(194,24,187)`
RGB Percent	76.1, 9.4, 73.3	`rgb(76.1%,9.4%,73.3%)`
CMYK	0, 88, 4, 24
HSL	302.5°, 78, 42.7	`hsl(302.5,78%,42.7%)`
HSV (or HSB)	302.5°, 87.6, 76.1
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	46.595, 76.368, -44.695
XYZ	31.544, 15.713, 48.383
xyY	0.33, 0.164, 15.713
CIE-LCH	46.595, 88.485, 329.661
CIE-LUV	46.595, 65.497, -75.969
Hunter-Lab	39.639, 72.677, -44.62
Binary	11000010, 00011000, 10111011

#c218bb
```
#c218bb rgb(194,24,187)
```
#18c21f
```
#18c21f rgb(24,194,31)
```

Complementary Color

#7418c2
```
#7418c2 rgb(116,24,194)
```
#c218bb
```
#c218bb rgb(194,24,187)
```
#c21866
```
#c21866 rgb(194,24,102)
```

Analogous Color

#18c274
```
#18c274 rgb(24,194,116)
```
#c218bb
```
#c218bb rgb(194,24,187)
```
#66c218
```
#66c218 rgb(102,194,24)
```

Split Complementary Color

#18bbc2
```
#18bbc2 rgb(24,187,194)
```
#c218bb
```
#c218bb rgb(194,24,187)
```
#bbc218
```
#bbc218 rgb(187,194,24)
```

Triadic Color

#1f18c2
```
#1f18c2 rgb(31,24,194)
```
#c218bb
```
#c218bb rgb(194,24,187)
```
#bbc218
```
#bbc218 rgb(187,194,24)
```
#18c21f
```
#18c21f rgb(24,194,31)
```

Tetradic Color

#7e1079
```
#7e1079 rgb(126,16,121)
```
#95128f
```
#95128f rgb(149,18,143)
```
#ab15a5
```
#ab15a5 rgb(171,21,165)
```
#c218bb
```
#c218bb rgb(194,24,187)
```
#d91bd1
```
#d91bd1 rgb(217,27,209)
```
#e429dd
```
#e429dd rgb(228,41,221)
```
#e73fe0
```
#e73fe0 rgb(231,63,224)
```

Monochromatic Color

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

#9f18c2
```
#9f18c2 rgb(159,24,194)
```
#ad18c2
```
#ad18c2 rgb(173,24,194)
```
#bb18c2
```
#bb18c2 rgb(187,24,194)
```
#c218bb
```
#c218bb rgb(194,24,187)
```
#c218ad
```
#c218ad rgb(194,24,173)
```
#c2189f
```
#c2189f rgb(194,24,159)
```
#c21891
```
#c21891 rgb(194,24,145)
```

Similar Colors

Text with hexadecimal color #c218bb

This text has a font color of #c218bb.

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

#c218bb background color

This paragraph has a background color of #c218bb.

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

#c218bb border color

This element has a border color of #c218bb.

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

CSS codes

.text {color:#c218bb;}

.background {background-color:#c218bb;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#130213
```
#130213 rgb(19,2,19)
```
#250524
```
#250524 rgb(37,5,36)
```
#360734
```
#360734 rgb(54,7,52)
```
#480945
```
#480945 rgb(72,9,69)
```
#590b56
```
#590b56 rgb(89,11,86)
```
#6b0d67
```
#6b0d67 rgb(107,13,103)
```
#7c0f78
```
#7c0f78 rgb(124,15,120)
```
#8e1289
```
#8e1289 rgb(142,18,137)
```
#9f1499
```
#9f1499 rgb(159,20,153)
```
#b116aa
```
#b116aa rgb(177,22,170)
```
#c218bb
```
#c218bb rgb(194,24,187)
```
#d31acc
```
#d31acc rgb(211,26,204)
```

Shade Color Variation

#e31edb
```
#e31edb rgb(227,30,219)
```
#e530de
```
#e530de rgb(229,48,222)
```
#e741e1
```
#e741e1 rgb(231,65,225)
```
#ea52e3
```
#ea52e3 rgb(234,82,227)
```
#ec64e6
```
#ec64e6 rgb(236,100,230)
```
#ee75e9
```
#ee75e9 rgb(238,117,233)
```
#f087ec
```
#f087ec rgb(240,135,236)
```
#f298ef
```
#f298ef rgb(242,152,239)
```
#f4aaf1
```
#f4aaf1 rgb(244,170,241)
```
#f7bbf4
```
#f7bbf4 rgb(247,187,244)
```
#f9cdf7
```
#f9cdf7 rgb(249,205,247)
```
#fbdefa
```
#fbdefa rgb(251,222,250)
```
#fdf0fd
```
#fdf0fd rgb(253,240,253)
```

Tint Color Variation

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

#6e6c6e
```
#6e6c6e rgb(110,108,110)
```
#776376
```
#776376 rgb(119,99,118)
```
#7f5b7d
```
#7f5b7d rgb(127,91,125)
```
#875385
```
#875385 rgb(135,83,133)
```
#904a8d
```
#904a8d rgb(144,74,141)
```
#984295
```
#984295 rgb(152,66,149)
```
#a03a9c
```
#a03a9c rgb(160,58,156)
```
#a931a4
```
#a931a4 rgb(169,49,164)
```
#b129ac
```
#b129ac rgb(177,41,172)
```
#ba20b3
```
#ba20b3 rgb(186,32,179)
```
#c218bb
```
#c218bb rgb(194,24,187)
```
#ca10c3
```
#ca10c3 rgb(202,16,195)
```
#d307ca
```
#d307ca rgb(211,7,202)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#714f70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072df Protanopia 1% of men
#5875ad Deuteranopia 1% of men
#b9555a Tritanopia 0.001% of the population

Trichromacy

#4651d2 Protanomaly 1% of men, 0.01% of women
#7e53b2 Deuteranomaly 6% of men, 0.4% of women
#bc3f7d Tritanomaly 0.01% of the population

#c218bb hex color

#c218bb Color Information

#c218bb Color Conversion

Color Schemes with #c218bb

Alternatives to #c218bb

#c218bb Preview

Shades and Tints of #c218bb

Tones of #c218bb

Color Blindness Simulator