colorhexa.com

#c502c1 hex color

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

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

● #c502c1 color description : Strong magenta.

The hexadecimal color #c502c1 has RGB values of R:197, G:2, B:193 and CMYK values of C:0, M:0.99, Y:0.02, K:0.23. Its decimal value is 12911297.

Hex triplet	c502c1	`#c502c1`
RGB Decimal	197, 2, 193	`rgb(197,2,193)`
RGB Percent	77.3, 0.8, 75.7	`rgb(77.3%,0.8%,75.7%)`
CMYK	0, 99, 2, 23
HSL	301.2°, 98, 39	`hsl(301.2,98%,39%)`
HSV (or HSB)	301.2°, 99, 77.3
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	46.666, 80.142, -48.056
XYZ	32.673, 15.766, 51.772
xyY	0.326, 0.157, 15.766
CIE-LCH	46.666, 93.446, 329.052
CIE-LUV	46.666, 66.759, -81.326
Hunter-Lab	39.707, 77.391, -49.51
Binary	11000101, 00000010, 11000001

#c502c1
```
#c502c1 rgb(197,2,193)
```
#02c506
```
#02c506 rgb(2,197,6)
```

Complementary Color

#6802c5
```
#6802c5 rgb(104,2,197)
```
#c502c1
```
#c502c1 rgb(197,2,193)
```
#c50260
```
#c50260 rgb(197,2,96)
```

Analogous Color

#02c568
```
#02c568 rgb(2,197,104)
```
#c502c1
```
#c502c1 rgb(197,2,193)
```
#60c502
```
#60c502 rgb(96,197,2)
```

Split Complementary Color

#02c1c5
```
#02c1c5 rgb(2,193,197)
```
#c502c1
```
#c502c1 rgb(197,2,193)
```
#c1c502
```
#c1c502 rgb(193,197,2)
```

Triadic Color

#790177
```
#790177 rgb(121,1,119)
```
#930190
```
#930190 rgb(147,1,144)
```
#ac02a8
```
#ac02a8 rgb(172,2,168)
```
#c502c1
```
#c502c1 rgb(197,2,193)
```
#de02da
```
#de02da rgb(222,2,218)
```
#f703f2
```
#f703f2 rgb(247,3,242)
```
#fd17f8
```
#fd17f8 rgb(253,23,248)
```

Monochromatic Color

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

#9802c5
```
#9802c5 rgb(152,2,197)
```
#a902c5
```
#a902c5 rgb(169,2,197)
```
#b902c5
```
#b902c5 rgb(185,2,197)
```
#c502c1
```
#c502c1 rgb(197,2,193)
```
#c502b1
```
#c502b1 rgb(197,2,177)
```
#c502a1
```
#c502a1 rgb(197,2,161)
```
#c50290
```
#c50290 rgb(197,2,144)
```

Similar Colors

Text with hexadecimal color #c502c1

This text has a font color of #c502c1.

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

#c502c1 background color

This paragraph has a background color of #c502c1.

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

#c502c1 border color

This element has a border color of #c502c1.

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

CSS codes

.text {color:#c502c1;}

.background {background-color:#c502c1;}

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

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)
```
#50014f
```
#50014f rgb(80,1,79)
```
#640162
```
#640162 rgb(100,1,98)
```
#770175
```
#770175 rgb(119,1,117)
```
#8b0188
```
#8b0188 rgb(139,1,136)
```
#9e029b
```
#9e029b rgb(158,2,155)
```
#b202ae
```
#b202ae rgb(178,2,174)
```
#c502c1
```
#c502c1 rgb(197,2,193)
```
#d802d4
```
#d802d4 rgb(216,2,212)
```
#ec02e7
```
#ec02e7 rgb(236,2,231)
```

Shade Color Variation

#fc05f7
```
#fc05f7 rgb(252,5,247)
```
#fd19f8
```
#fd19f8 rgb(253,25,248)
```
#fd2cf9
```
#fd2cf9 rgb(253,44,249)
```
#fd40f9
```
#fd40f9 rgb(253,64,249)
```
#fd53fa
```
#fd53fa rgb(253,83,250)
```
#fd66fa
```
#fd66fa rgb(253,102,250)
```
#fe7afb
```
#fe7afb rgb(254,122,251)
```
#fe8dfc
```
#fe8dfc rgb(254,141,252)
```
#fea1fc
```
#fea1fc rgb(254,161,252)
```
#feb4fd
```
#feb4fd rgb(254,180,253)
```
#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 #c502c1 is the most saturated one.

#695e69
```
#695e69 rgb(105,94,105)
```
#715670
```
#715670 rgb(113,86,112)
```
#784f78
```
#784f78 rgb(120,79,120)
```
#80477f
```
#80477f rgb(128,71,127)
```
#883f86
```
#883f86 rgb(136,63,134)
```
#8f388e
```
#8f388e rgb(143,56,142)
```
#973095
```
#973095 rgb(151,48,149)
```
#9f289c
```
#9f289c rgb(159,40,156)
```
#a621a4
```
#a621a4 rgb(166,33,164)
```
#ae19ab
```
#ae19ab rgb(174,25,171)
```
#b611b2
```
#b611b2 rgb(182,17,178)
```
#bd0aba
```
#bd0aba rgb(189,10,186)
```
#c502c1
```
#c502c1 rgb(197,2,193)
```

Tone Color Variation

Below, you can see how #c502c1 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
#5376b1 Deuteranopia 1% of men
#bb5459 Tritanopia 0.001% of the population

Trichromacy

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