#c51580 hex color

In a RGB color space, hex #c51580 is composed of 77.3% red, 8.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.3% magenta, 35% yellow and 22.7% black. It has a hue angle of 323.5 degrees, a saturation of 80.7% and a lightness of 42.7%. #c51580 color hex could be obtained by blending #ff2aff with #8b0001. Closest websafe color is: #cc0099.

♥
- f
- t
- g
- R 77
- G 8
- B 50
RGB color chart
- C 0
- M 89
- Y 35
- K 23
CMYK color chart

● #c51580 color description : Strong pink.

The hexadecimal color #c51580 has RGB values of R:197, G:21, B:128 and CMYK values of C:0, M:0.89, Y:0.35, K:0.23. Its decimal value is 12916096.

Hex triplet	c51580	`#c51580`
RGB Decimal	197, 21, 128	`rgb(197,21,128)`
RGB Percent	77.3, 8.2, 50.2	`rgb(77.3%,8.2%,50.2%)`
CMYK	0, 89, 35, 23
HSL	323.5°, 80.7, 42.7	`hsl(323.5,80.7%,42.7%)`
HSV (or HSB)	323.5°, 89.3, 77.3
Web Safe	cc0099	`#cc0099`

CIE-LAB	44.187, 70.031, -13.026
XYZ	27.191, 13.968, 21.685
xyY	0.433, 0.222, 13.968
CIE-LCH	44.187, 71.232, 349.463
CIE-LUV	44.187, 93.394, -29.726
Hunter-Lab	37.374, 64.462, -8.24
Binary	11000101, 00010101, 10000000

#c51580
```
#c51580 rgb(197,21,128)
```
#15c55a
```
#15c55a rgb(21,197,90)
```

Complementary Color

#b215c5
```
#b215c5 rgb(178,21,197)
```
#c51580
```
#c51580 rgb(197,21,128)
```
#c51528
```
#c51528 rgb(197,21,40)
```

Analogous Color

#15c5b2
```
#15c5b2 rgb(21,197,178)
```
#c51580
```
#c51580 rgb(197,21,128)
```
#28c515
```
#28c515 rgb(40,197,21)
```

Split Complementary Color

#1580c5
```
#1580c5 rgb(21,128,197)
```
#c51580
```
#c51580 rgb(197,21,128)
```
#80c515
```
#80c515 rgb(128,197,21)
```

Triadic Color

#5a15c5
```
#5a15c5 rgb(90,21,197)
```
#c51580
```
#c51580 rgb(197,21,128)
```
#80c515
```
#80c515 rgb(128,197,21)
```
#15c55a
```
#15c55a rgb(21,197,90)
```

Tetradic Color

#800e53
```
#800e53 rgb(128,14,83)
```
#971062
```
#971062 rgb(151,16,98)
```
#ae1371
```
#ae1371 rgb(174,19,113)
```
#c51580
```
#c51580 rgb(197,21,128)
```
#dc178f
```
#dc178f rgb(220,23,143)
```
#e8259c
```
#e8259c rgb(232,37,156)
```
#ea3ca6
```
#ea3ca6 rgb(234,60,166)
```

Monochromatic Color

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

#c515ac
```
#c515ac rgb(197,21,172)
```
#c5159d
```
#c5159d rgb(197,21,157)
```
#c5158f
```
#c5158f rgb(197,21,143)
```
#c51580
```
#c51580 rgb(197,21,128)
```
#c51571
```
#c51571 rgb(197,21,113)
```
#c51563
```
#c51563 rgb(197,21,99)
```
#c51554
```
#c51554 rgb(197,21,84)
```

Similar Colors

Text with hexadecimal color #c51580

This text has a font color of #c51580.

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

#c51580 background color

This paragraph has a background color of #c51580.

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

#c51580 border color

This element has a border color of #c51580.

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

CSS codes

.text {color:#c51580;}

.background {background-color:#c51580;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#14020d
```
#14020d rgb(20,2,13)
```
#250418
```
#250418 rgb(37,4,24)
```
#370624
```
#370624 rgb(55,6,36)
```
#49082f
```
#49082f rgb(73,8,47)
```
#5b0a3b
```
#5b0a3b rgb(91,10,59)
```
#6c0c46
```
#6c0c46 rgb(108,12,70)
```
#7e0d52
```
#7e0d52 rgb(126,13,82)
```
#900f5d
```
#900f5d rgb(144,15,93)
```
#a21169
```
#a21169 rgb(162,17,105)
```
#b31374
```
#b31374 rgb(179,19,116)
```
#c51580
```
#c51580 rgb(197,21,128)
```
#d7178c
```
#d7178c rgb(215,23,140)
```

Shade Color Variation

#e71b97
```
#e71b97 rgb(231,27,151)
```
#e92c9f
```
#e92c9f rgb(233,44,159)
```
#ea3ea7
```
#ea3ea7 rgb(234,62,167)
```
#ec50af
```
#ec50af rgb(236,80,175)
```
#ee61b7
```
#ee61b7 rgb(238,97,183)
```
#f073bf
```
#f073bf rgb(240,115,191)
```
#f285c7
```
#f285c7 rgb(242,133,199)
```
#f497cf
```
#f497cf rgb(244,151,207)
```
#f6a8d7
```
#f6a8d7 rgb(246,168,215)
```
#f8bae0
```
#f8bae0 rgb(248,186,224)
```
#facce8
```
#facce8 rgb(250,204,232)
```
#fbdef0
```
#fbdef0 rgb(251,222,240)
```
#fdeff8
```
#fdeff8 rgb(253,239,248)
```

Tint Color Variation

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

#71696e
```
#71696e rgb(113,105,110)
```
#7a6070
```
#7a6070 rgb(122,96,112)
```
#825872
```
#825872 rgb(130,88,114)
```
#8a5073
```
#8a5073 rgb(138,80,115)
```
#934775
```
#934775 rgb(147,71,117)
```
#9b3f77
```
#9b3f77 rgb(155,63,119)
```
#a33779
```
#a33779 rgb(163,55,121)
```
#ac2e7b
```
#ac2e7b rgb(172,46,123)
```
#b4267c
```
#b4267c rgb(180,38,124)
```
#bd1d7e
```
#bd1d7e rgb(189,29,126)
```
#c51580
```
#c51580 rgb(197,21,128)
```
#cd0d82
```
#cd0d82 rgb(205,13,130)
```
#d60484
```
#d60484 rgb(214,4,132)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#6c495e Atypical Achromatopsia 0.001% of the population

Dichromacy

#536eaf Protanopia 1% of men
#766d79 Deuteranopia 1% of men
#c33e41 Tritanopia 0.001% of the population

Trichromacy

#7c4d9e Protanomaly 1% of men, 0.01% of women
#924d7c Deuteranomaly 6% of men, 0.4% of women
#c32f58 Tritanomaly 0.01% of the population

#c51580 hex color

#c51580 Color Information

#c51580 Color Conversion

Color Schemes with #c51580

Alternatives to #c51580

#c51580 Preview

Shades and Tints of #c51580

Tones of #c51580

Color Blindness Simulator