colorhexa.com

#c502d5 hex color

In a RGB color space, hex #c502d5 is composed of 77.3% red, 0.8% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 7.5% cyan, 99.1% magenta, 0% yellow and 16.5% black. It has a hue angle of 295.5 degrees, a saturation of 98.1% and a lightness of 42.2%. #c502d5 color hex could be obtained by blending #ff04ff with #8b00ab. Closest websafe color is: #cc00cc.

- R 77
- G 1
- B 84
RGB color chart
- C 8
- M 99
- Y 0
- K 16
CMYK color chart

● #c502d5 color description : Strong magenta.

The hexadecimal color #c502d5 has RGB values of R:197, G:2, B:213 and CMYK values of C:0.08, M:0.99, Y:0, K:0.16. Its decimal value is 12911317.

Hex triplet	c502d5	`#c502d5`
RGB Decimal	197, 2, 213	`rgb(197,2,213)`
RGB Percent	77.3, 0.8, 83.5	`rgb(77.3%,0.8%,83.5%)`
CMYK	8, 99, 0, 16
HSL	295.5°, 98.1, 42.2	`hsl(295.5,98.1%,42.2%)`
HSV (or HSB)	295.5°, 99.1, 83.5
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	47.905, 83.122, -57.638
XYZ	35.057, 16.72, 64.328
xyY	0.302, 0.144, 16.72
CIE-LCH	47.905, 101.151, 325.262
CIE-LUV	47.905, 59.168, -95.955
Hunter-Lab	40.89, 81.478, -64.652
Binary	11000101, 00000010, 11010101

#c502d5
```
#c502d5 rgb(197,2,213)
```
#12d502
```
#12d502 rgb(18,213,2)
```

Complementary Color

#5b02d5
```
#5b02d5 rgb(91,2,213)
```
#c502d5
```
#c502d5 rgb(197,2,213)
```
#d5027c
```
#d5027c rgb(213,2,124)
```

Analogous Color

#02d55b
```
#02d55b rgb(2,213,91)
```
#c502d5
```
#c502d5 rgb(197,2,213)
```
#7cd502
```
#7cd502 rgb(124,213,2)
```

Split Complementary Color

#02d5c5
```
#02d5c5 rgb(2,213,197)
```
#c502d5
```
#c502d5 rgb(197,2,213)
```
#d5c502
```
#d5c502 rgb(213,197,2)
```

Triadic Color

#7f0189
```
#7f0189 rgb(127,1,137)
```
#9602a2
```
#9602a2 rgb(150,2,162)
```
#ae02bc
```
#ae02bc rgb(174,2,188)
```
#c502d5
```
#c502d5 rgb(197,2,213)
```
#dc02ee
```
#dc02ee rgb(220,2,238)
```
#eb0dfd
```
#eb0dfd rgb(235,13,253)
```
#ed27fd
```
#ed27fd rgb(237,39,253)
```

Monochromatic Color

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

#9002d5
```
#9002d5 rgb(144,2,213)
```
#a202d5
```
#a202d5 rgb(162,2,213)
```
#b302d5
```
#b302d5 rgb(179,2,213)
```
#c502d5
```
#c502d5 rgb(197,2,213)
```
#d502d3
```
#d502d3 rgb(213,2,211)
```
#d502c2
```
#d502c2 rgb(213,2,194)
```
#d502b0
```
#d502b0 rgb(213,2,176)
```

Similar Colors

Text with hexadecimal color #c502d5

This text has a font color of #c502d5.

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

#c502d5 background color

This paragraph has a background color of #c502d5.

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

#c502d5 border color

This element has a border color of #c502d5.

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

CSS codes

.text {color:#c502d5;}

.background {background-color:#c502d5;}

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

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

#110013
```
#110013 rgb(17,0,19)
```
#230026
```
#230026 rgb(35,0,38)
```
#35013a
```
#35013a rgb(53,1,58)
```
#47014d
```
#47014d rgb(71,1,77)
```
#590160
```
#590160 rgb(89,1,96)
```
#6b0174
```
#6b0174 rgb(107,1,116)
```
#7d0187
```
#7d0187 rgb(125,1,135)
```
#8f019b
```
#8f019b rgb(143,1,155)
```
#a102ae
```
#a102ae rgb(161,2,174)
```
#b302c2
```
#b302c2 rgb(179,2,194)
```
#c502d5
```
#c502d5 rgb(197,2,213)
```
#d702e8
```
#d702e8 rgb(215,2,232)
```
#e902fc
```
#e902fc rgb(233,2,252)
```

Shade Color Variation

#eb15fd
```
#eb15fd rgb(235,21,253)
```
#ed28fd
```
#ed28fd rgb(237,40,253)
```
#ef3cfd
```
#ef3cfd rgb(239,60,253)
```
#f04ffd
```
#f04ffd rgb(240,79,253)
```
#f263fe
```
#f263fe rgb(242,99,254)
```
#f376fe
```
#f376fe rgb(243,118,254)
```
#f58afe
```
#f58afe rgb(245,138,254)
```
#f79dfe
```
#f79dfe rgb(247,157,254)
```
#f8b1fe
```
#f8b1fe rgb(248,177,254)
```
#fac4fe
```
#fac4fe rgb(250,196,254)
```
#fcd7ff
```
#fcd7ff rgb(252,215,255)
```
#fdebff
```
#fdebff rgb(253,235,255)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#716572
```
#716572 rgb(113,101,114)
```
#785d7a
```
#785d7a rgb(120,93,122)
```
#7f5582
```
#7f5582 rgb(127,85,130)
```
#864c8b
```
#864c8b rgb(134,76,139)
```
#8d4493
```
#8d4493 rgb(141,68,147)
```
#943c9b
```
#943c9b rgb(148,60,155)
```
#9b34a3
```
#9b34a3 rgb(155,52,163)
```
#a22bac
```
#a22bac rgb(162,43,172)
```
#a923b4
```
#a923b4 rgb(169,35,180)
```
#b01bbc
```
#b01bbc rgb(176,27,188)
```
#b713c4
```
#b713c4 rgb(183,19,196)
```
#be0acd
```
#be0acd rgb(190,10,205)
```
#c502d5
```
#c502d5 rgb(197,2,213)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#6b446e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e5 Protanopia 1% of men
#3e7ac2 Deuteranopia 1% of men
#b85c62 Tritanopia 0.001% of the population

Trichromacy

#474bdf Protanomaly 1% of men, 0.01% of women
#6f4ec9 Deuteranomaly 6% of men, 0.4% of women
#bc3b8b Tritanomaly 0.01% of the population