#c228cc hex color

In a RGB color space, hex #c228cc is composed of 76.1% red, 15.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 4.9% cyan, 80.4% magenta, 0% yellow and 20% black. It has a hue angle of 296.3 degrees, a saturation of 67.2% and a lightness of 47.8%. #c228cc color hex could be obtained by blending #ff50ff with #850099. Closest websafe color is: #cc33cc.

♥
- f
- t
- g
- R 76
- G 16
- B 80
RGB color chart
- C 5
- M 80
- Y 0
- K 20
CMYK color chart

● #c228cc color description : Strong magenta.

The hexadecimal color #c228cc has RGB values of R:194, G:40, B:204 and CMYK values of C:0.05, M:0.8, Y:0, K:0.2. Its decimal value is 12724428.

Hex triplet	c228cc	`#c228cc`
RGB Decimal	194, 40, 204	`rgb(194,40,204)`
RGB Percent	76.1, 15.7, 80	`rgb(76.1%,15.7%,80%)`
CMYK	5, 80, 0, 20
HSL	296.3°, 67.2, 47.8	`hsl(296.3,67.2%,47.8%)`
HSV (or HSB)	296.3°, 80.4, 80
Web Safe	cc33cc	`#cc33cc`

CIE-LAB	48.696, 75.742, -51.218
XYZ	33.905, 17.349, 58.686
xyY	0.308, 0.158, 17.349
CIE-LCH	48.696, 91.434, 325.933
CIE-LUV	48.696, 57.352, -86.263
Hunter-Lab	41.652, 72.411, -54.382
Binary	11000010, 00101000, 11001100

#c228cc
```
#c228cc rgb(194,40,204)
```
#32cc28
```
#32cc28 rgb(50,204,40)
```

Complementary Color

#7028cc
```
#7028cc rgb(112,40,204)
```
#c228cc
```
#c228cc rgb(194,40,204)
```
#cc2884
```
#cc2884 rgb(204,40,132)
```

Analogous Color

#28cc70
```
#28cc70 rgb(40,204,112)
```
#c228cc
```
#c228cc rgb(194,40,204)
```
#84cc28
```
#84cc28 rgb(132,204,40)
```

Split Complementary Color

#28ccc2
```
#28ccc2 rgb(40,204,194)
```
#c228cc
```
#c228cc rgb(194,40,204)
```
#ccc228
```
#ccc228 rgb(204,194,40)
```

Triadic Color

#2832cc
```
#2832cc rgb(40,50,204)
```
#c228cc
```
#c228cc rgb(194,40,204)
```
#ccc228
```
#ccc228 rgb(204,194,40)
```
#32cc28
```
#32cc28 rgb(50,204,40)
```

Tetradic Color

#851b8c
```
#851b8c rgb(133,27,140)
```
#9920a1
```
#9920a1 rgb(153,32,161)
```
#ae24b7
```
#ae24b7 rgb(174,36,183)
```
#c228cc
```
#c228cc rgb(194,40,204)
```
#ce36d8
```
#ce36d8 rgb(206,54,216)
```
#d34bdc
```
#d34bdc rgb(211,75,220)
```
#d861e0
```
#d861e0 rgb(216,97,224)
```

Monochromatic Color

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

#9928cc
```
#9928cc rgb(153,40,204)
```
#a728cc
```
#a728cc rgb(167,40,204)
```
#b428cc
```
#b428cc rgb(180,40,204)
```
#c228cc
```
#c228cc rgb(194,40,204)
```
#cc28c8
```
#cc28c8 rgb(204,40,200)
```
#cc28bb
```
#cc28bb rgb(204,40,187)
```
#cc28ad
```
#cc28ad rgb(204,40,173)
```

Similar Colors

Text with hexadecimal color #c228cc

This text has a font color of #c228cc.

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

#c228cc background color

This paragraph has a background color of #c228cc.

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

#c228cc border color

This element has a border color of #c228cc.

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

CSS codes

.text {color:#c228cc;}

.background {background-color:#c228cc;}

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

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

#070107
```
#070107 rgb(7,1,7)
```
#160518
```
#160518 rgb(22,5,24)
```
#260828
```
#260828 rgb(38,8,40)
```
#360b38
```
#360b38 rgb(54,11,56)
```
#450e49
```
#450e49 rgb(69,14,73)
```
#551159
```
#551159 rgb(85,17,89)
```
#64156a
```
#64156a rgb(100,21,106)
```
#74187a
```
#74187a rgb(116,24,122)
```
#841b8a
```
#841b8a rgb(132,27,138)
```
#931e9b
```
#931e9b rgb(147,30,155)
```
#a322ab
```
#a322ab rgb(163,34,171)
```
#b225bc
```
#b225bc rgb(178,37,188)
```
#c228cc
```
#c228cc rgb(194,40,204)
```

Shade Color Variation

#cd31d7
```
#cd31d7 rgb(205,49,215)
```
#d141da
```
#d141da rgb(209,65,218)
```
#d552dd
```
#d552dd rgb(213,82,221)
```
#d962e0
```
#d962e0 rgb(217,98,224)
```
#dd73e3
```
#dd73e3 rgb(221,115,227)
```
#e183e7
```
#e183e7 rgb(225,131,231)
```
#e593ea
```
#e593ea rgb(229,147,234)
```
#e9a4ed
```
#e9a4ed rgb(233,164,237)
```
#edb4f0
```
#edb4f0 rgb(237,180,240)
```
#f1c5f4
```
#f1c5f4 rgb(241,197,244)
```
#f5d5f7
```
#f5d5f7 rgb(245,213,247)
```
#f9e5fa
```
#f9e5fa rgb(249,229,250)
```
#fdf6fd
```
#fdf6fd rgb(253,246,253)
```

Tint Color Variation

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

#807381
```
#807381 rgb(128,115,129)
```
#886a8a
```
#886a8a rgb(136,106,138)
```
#916094
```
#916094 rgb(145,96,148)
```
#99579d
```
#99579d rgb(153,87,157)
```
#a14ea6
```
#a14ea6 rgb(161,78,166)
```
#a944b0
```
#a944b0 rgb(169,68,176)
```
#b23bb9
```
#b23bb9 rgb(178,59,185)
```
#ba31c3
```
#ba31c3 rgb(186,49,195)
```
#c228cc
```
#c228cc rgb(194,40,204)
```
#ca1fd5
```
#ca1fd5 rgb(202,31,213)
```
#d215df
```
#d215df rgb(210,21,223)
```
#db0ce8
```
#db0ce8 rgb(219,12,232)
```
#e302f2
```
#e302f2 rgb(227,2,242)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#7b5c7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e9 Protanopia 1% of men
#507bbd Deuteranopia 1% of men
#b76066 Tritanopia 0.001% of the population

Trichromacy

#465ade Protanomaly 1% of men, 0.01% of women
#795dc2 Deuteranomaly 6% of men, 0.4% of women
#bb4b8b Tritanomaly 0.01% of the population

#c228cc hex color

#c228cc Color Information

#c228cc Color Conversion

Color Schemes with #c228cc

Alternatives to #c228cc

#c228cc Preview

Shades and Tints of #c228cc

Tones of #c228cc

Color Blindness Simulator