colorhexa.com

#c502c0 hex color

In a RGB color space, hex #c502c0 is composed of 77.3% red, 0.8% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99% magenta, 2.5% yellow and 22.7% black. It has a hue angle of 301.5 degrees, a saturation of 98% and a lightness of 39%. #c502c0 color hex could be obtained by blending #ff04ff with #8b0081. Closest websafe color is: #cc00cc.

- R 77
- G 1
- B 75
RGB color chart
- C 0
- M 99
- Y 3
- K 23
CMYK color chart

● #c502c0 color description : Strong magenta.

The hexadecimal color #c502c0 has RGB values of R:197, G:2, B:192 and CMYK values of C:0, M:0.99, Y:0.03, K:0.23. Its decimal value is 12911296.

Hex triplet	c502c0	`#c502c0`
RGB Decimal	197, 2, 192	`rgb(197,2,192)`
RGB Percent	77.3, 0.8, 75.3	`rgb(77.3%,0.8%,75.3%)`
CMYK	0, 99, 3, 23
HSL	301.5°, 98, 39	`hsl(301.5,98%,39%)`
HSV (or HSB)	301.5°, 99, 77.3
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	46.607, 79.999, -47.567
XYZ	32.562, 15.722, 51.186
xyY	0.327, 0.158, 15.722
CIE-LCH	46.607, 93.072, 329.264
CIE-LUV	46.607, 67.157, -80.581
Hunter-Lab	39.651, 77.197, -48.783
Binary	11000101, 00000010, 11000000

#c502c0
```
#c502c0 rgb(197,2,192)
```
#02c507
```
#02c507 rgb(2,197,7)
```

Complementary Color

#6902c5
```
#6902c5 rgb(105,2,197)
```
#c502c0
```
#c502c0 rgb(197,2,192)
```
#c5025f
```
#c5025f rgb(197,2,95)
```

Analogous Color

#02c569
```
#02c569 rgb(2,197,105)
```
#c502c0
```
#c502c0 rgb(197,2,192)
```
#5fc502
```
#5fc502 rgb(95,197,2)
```

Split Complementary Color

#02c0c5
```
#02c0c5 rgb(2,192,197)
```
#c502c0
```
#c502c0 rgb(197,2,192)
```
#c0c502
```
#c0c502 rgb(192,197,2)
```

Triadic Color

#790176
```
#790176 rgb(121,1,118)
```
#93018f
```
#93018f rgb(147,1,143)
```
#ac02a7
```
#ac02a7 rgb(172,2,167)
```
#c502c0
```
#c502c0 rgb(197,2,192)
```
#de02d9
```
#de02d9 rgb(222,2,217)
```
#f703f1
```
#f703f1 rgb(247,3,241)
```
#fd17f7
```
#fd17f7 rgb(253,23,247)
```

Monochromatic Color

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

#9902c5
```
#9902c5 rgb(153,2,197)
```
#aa02c5
```
#aa02c5 rgb(170,2,197)
```
#ba02c5
```
#ba02c5 rgb(186,2,197)
```
#c502c0
```
#c502c0 rgb(197,2,192)
```
#c502b0
```
#c502b0 rgb(197,2,176)
```
#c502a0
```
#c502a0 rgb(197,2,160)
```
#c5028f
```
#c5028f rgb(197,2,143)
```

Similar Colors

Text with hexadecimal color #c502c0

This text has a font color of #c502c0.

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

#c502c0 background color

This paragraph has a background color of #c502c0.

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

#c502c0 border color

This element has a border color of #c502c0.

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

CSS codes

.text {color:#c502c0;}

.background {background-color:#c502c0;}

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

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

#030003
```
#030003 rgb(3,0,3)
```
#160016
```
#160016 rgb(22,0,22)
```
#2a0029
```
#2a0029 rgb(42,0,41)
```
#3d013c
```
#3d013c rgb(61,1,60)
```
#50014e
```
#50014e rgb(80,1,78)
```
#640161
```
#640161 rgb(100,1,97)
```
#770174
```
#770174 rgb(119,1,116)
```
#8b0187
```
#8b0187 rgb(139,1,135)
```
#9e029a
```
#9e029a rgb(158,2,154)
```
#b202ad
```
#b202ad rgb(178,2,173)
```
#c502c0
```
#c502c0 rgb(197,2,192)
```
#d802d3
```
#d802d3 rgb(216,2,211)
```
#ec02e6
```
#ec02e6 rgb(236,2,230)
```

Shade Color Variation

#fc05f6
```
#fc05f6 rgb(252,5,246)
```
#fd19f7
```
#fd19f7 rgb(253,25,247)
```
#fd2cf8
```
#fd2cf8 rgb(253,44,248)
```
#fd40f8
```
#fd40f8 rgb(253,64,248)
```
#fd53f9
```
#fd53f9 rgb(253,83,249)
```
#fd66fa
```
#fd66fa rgb(253,102,250)
```
#fe7afa
```
#fe7afa rgb(254,122,250)
```
#fe8dfb
```
#fe8dfb rgb(254,141,251)
```
#fea1fc
```
#fea1fc rgb(254,161,252)
```
#feb4fc
```
#feb4fc rgb(254,180,252)
```
#fec8fd
```
#fec8fd rgb(254,200,253)
```
#ffdbfe
```
#ffdbfe rgb(255,219,254)
```
#ffeefe
```
#ffeefe rgb(255,238,254)
```

Tint Color Variation

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

#695e69
```
#695e69 rgb(105,94,105)
```
#715670
```
#715670 rgb(113,86,112)
```
#784f77
```
#784f77 rgb(120,79,119)
```
#80477f
```
#80477f rgb(128,71,127)
```
#883f86
```
#883f86 rgb(136,63,134)
```
#8f388d
```
#8f388d rgb(143,56,141)
```
#973094
```
#973094 rgb(151,48,148)
```
#9f289c
```
#9f289c rgb(159,40,156)
```
#a621a3
```
#a621a3 rgb(166,33,163)
```
#ae19aa
```
#ae19aa rgb(174,25,170)
```
#b611b1
```
#b611b1 rgb(182,17,177)
```
#bd0ab9
```
#bd0ab9 rgb(189,10,185)
```
#c502c0
```
#c502c0 rgb(197,2,192)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#694268 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072df Protanopia 1% of men
#5375b0 Deuteranopia 1% of men
#bb5358 Tritanopia 0.001% of the population

Trichromacy

#4749d4 Protanomaly 1% of men, 0.01% of women
#7d4bb6 Deuteranomaly 6% of men, 0.4% of women
#bf367e Tritanomaly 0.01% of the population