colorhexa.com

#c402e0 hex color

In a RGB color space, hex #c402e0 is composed of 76.9% red, 0.8% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 12.5% cyan, 99.1% magenta, 0% yellow and 12.2% black. It has a hue angle of 292.4 degrees, a saturation of 98.2% and a lightness of 44.3%. #c402e0 color hex could be obtained by blending #ff04ff with #8900c1. Closest websafe color is: #cc00cc.

- R 77
- G 1
- B 88
RGB color chart
- C 13
- M 99
- Y 0
- K 12
CMYK color chart

● #c402e0 color description : Vivid magenta.

The hexadecimal color #c402e0 has RGB values of R:196, G:2, B:224 and CMYK values of C:0.13, M:0.99, Y:0, K:0.12. Its decimal value is 12845792.

Hex triplet	c402e0	`#c402e0`
RGB Decimal	196, 2, 224	`rgb(196,2,224)`
RGB Percent	76.9, 0.8, 87.8	`rgb(76.9%,0.8%,87.8%)`
CMYK	13, 99, 0, 12
HSL	292.4°, 98.2, 44.3	`hsl(292.4,98.2%,44.3%)`
HSV (or HSB)	292.4°, 99.1, 87.8
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	48.465, 84.7, -63.033
XYZ	36.24, 17.163, 71.921
xyY	0.289, 0.137, 17.163
CIE-LCH	48.465, 105.58, 323.344
CIE-LUV	48.465, 54.626, -104.04
Hunter-Lab	41.428, 83.645, -73.93
Binary	11000100, 00000010, 11100000

#c402e0
```
#c402e0 rgb(196,2,224)
```
#1ee002
```
#1ee002 rgb(30,224,2)
```

Complementary Color

#5502e0
```
#5502e0 rgb(85,2,224)
```
#c402e0
```
#c402e0 rgb(196,2,224)
```
#e0028d
```
#e0028d rgb(224,2,141)
```

Analogous Color

#02e055
```
#02e055 rgb(2,224,85)
```
#c402e0
```
#c402e0 rgb(196,2,224)
```
#8de002
```
#8de002 rgb(141,224,2)
```

Split Complementary Color

#02e0c4
```
#02e0c4 rgb(2,224,196)
```
#c402e0
```
#c402e0 rgb(196,2,224)
```
#e0c402
```
#e0c402 rgb(224,196,2)
```

Triadic Color

#820194
```
#820194 rgb(130,1,148)
```
#9802ad
```
#9802ad rgb(152,2,173)
```
#ae02c7
```
#ae02c7 rgb(174,2,199)
```
#c402e0
```
#c402e0 rgb(196,2,224)
```
#da02f9
```
#da02f9 rgb(218,2,249)
```
#e018fd
```
#e018fd rgb(224,24,253)
```
#e331fd
```
#e331fd rgb(227,49,253)
```

Monochromatic Color

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

#8d02e0
```
#8d02e0 rgb(141,2,224)
```
#9f02e0
```
#9f02e0 rgb(159,2,224)
```
#b202e0
```
#b202e0 rgb(178,2,224)
```
#c402e0
```
#c402e0 rgb(196,2,224)
```
#d702e0
```
#d702e0 rgb(215,2,224)
```
#e002d7
```
#e002d7 rgb(224,2,215)
```
#e002c5
```
#e002c5 rgb(224,2,197)
```

Similar Colors

Text with hexadecimal color #c402e0

This text has a font color of #c402e0.

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

#c402e0 background color

This paragraph has a background color of #c402e0.

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

#c402e0 border color

This element has a border color of #c402e0.

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

CSS codes

.text {color:#c402e0;}

.background {background-color:#c402e0;}

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

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

#09000a
```
#09000a rgb(9,0,10)
```
#1a001e
```
#1a001e rgb(26,0,30)
```
#2b0031
```
#2b0031 rgb(43,0,49)
```
#3c0144
```
#3c0144 rgb(60,1,68)
```
#4d0158
```
#4d0158 rgb(77,1,88)
```
#5e016b
```
#5e016b rgb(94,1,107)
```
#6f017f
```
#6f017f rgb(111,1,127)
```
#800192
```
#800192 rgb(128,1,146)
```
#9101a6
```
#9101a6 rgb(145,1,166)
```
#a202b9
```
#a202b9 rgb(162,2,185)
```
#b302cd
```
#b302cd rgb(179,2,205)
```
#c402e0
```
#c402e0 rgb(196,2,224)
```
#d502f3
```
#d502f3 rgb(213,2,243)
```

Shade Color Variation

#df0cfd
```
#df0cfd rgb(223,12,253)
```
#e120fd
```
#e120fd rgb(225,32,253)
```
#e433fd
```
#e433fd rgb(228,51,253)
```
#e647fd
```
#e647fd rgb(230,71,253)
```
#e95afe
```
#e95afe rgb(233,90,254)
```
#ec6efe
```
#ec6efe rgb(236,110,254)
```
#ee81fe
```
#ee81fe rgb(238,129,254)
```
#f194fe
```
#f194fe rgb(241,148,254)
```
#f3a8fe
```
#f3a8fe rgb(243,168,254)
```
#f6bbfe
```
#f6bbfe rgb(246,187,254)
```
#f9cfff
```
#f9cfff rgb(249,207,255)
```
#fbe2ff
```
#fbe2ff rgb(251,226,255)
```
#fef6ff
```
#fef6ff rgb(254,246,255)
```

Tint Color Variation

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

#766a78
```
#766a78 rgb(118,106,120)
```
#7d6280
```
#7d6280 rgb(125,98,128)
```
#835989
```
#835989 rgb(131,89,137)
```
#8a5092
```
#8a5092 rgb(138,80,146)
```
#90489a
```
#90489a rgb(144,72,154)
```
#973fa3
```
#973fa3 rgb(151,63,163)
```
#9d36ac
```
#9d36ac rgb(157,54,172)
```
#a42db5
```
#a42db5 rgb(164,45,181)
```
#aa25bd
```
#aa25bd rgb(170,37,189)
```
#b11cc6
```
#b11cc6 rgb(177,28,198)
```
#b713cf
```
#b713cf rgb(183,19,207)
```
#be0bd7
```
#be0bd7 rgb(190,11,215)
```
#c402e0
```
#c402e0 rgb(196,2,224)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#6b4471 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e7 Protanopia 1% of men
#287ccc Deuteranopia 1% of men
#b56066 Tritanopia 0.001% of the population

Trichromacy

#474ce4 Protanomaly 1% of men, 0.01% of women
#604fd3 Deuteranomaly 6% of men, 0.4% of women
#ba3e92 Tritanomaly 0.01% of the population