#c30356 hex color

In a RGB color space, hex #c30356 is composed of 76.5% red, 1.2% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.5% magenta, 55.9% yellow and 23.5% black. It has a hue angle of 334.1 degrees, a saturation of 97% and a lightness of 38.8%. #c30356 color hex could be obtained by blending #ff06ac with #870000. Closest websafe color is: #cc0066.

♥
- f
- t
- g
- R 76
- G 1
- B 34
RGB color chart
- C 0
- M 98
- Y 56
- K 24
CMYK color chart

● #c30356 color description : Strong pink.

The hexadecimal color #c30356 has RGB values of R:195, G:3, B:86 and CMYK values of C:0, M:0.98, Y:0.56, K:0.24. Its decimal value is 12780374.

Hex triplet	c30356	`#c30356`
RGB Decimal	195, 3, 86	`rgb(195,3,86)`
RGB Percent	76.5, 1.2, 33.7	`rgb(76.5%,1.2%,33.7%)`
CMYK	0, 98, 56, 24
HSL	334.1°, 97, 38.8	`hsl(334.1,97%,38.8%)`
HSV (or HSB)	334.1°, 98.5, 76.5
Web Safe	cc0066	`#cc0066`

CIE-LAB	41.755, 68.045, 9.611
XYZ	24.219, 12.342, 9.911
xyY	0.521, 0.266, 12.342
CIE-LCH	41.755, 68.721, 8.04
CIE-LUV	41.755, 112.557, -2.025
Hunter-Lab	35.131, 61.576, 7.866
Binary	11000011, 00000011, 01010110

#c30356
```
#c30356 rgb(195,3,86)
```
#03c370
```
#03c370 rgb(3,195,112)
```

Complementary Color

#c303b6
```
#c303b6 rgb(195,3,182)
```
#c30356
```
#c30356 rgb(195,3,86)
```
#c31003
```
#c31003 rgb(195,16,3)
```

Analogous Color

#03b6c3
```
#03b6c3 rgb(3,182,195)
```
#c30356
```
#c30356 rgb(195,3,86)
```
#03c310
```
#03c310 rgb(3,195,16)
```

Split Complementary Color

#0356c3
```
#0356c3 rgb(3,86,195)
```
#c30356
```
#c30356 rgb(195,3,86)
```
#56c303
```
#56c303 rgb(86,195,3)
```

Triadic Color

#7003c3
```
#7003c3 rgb(112,3,195)
```
#c30356
```
#c30356 rgb(195,3,86)
```
#56c303
```
#56c303 rgb(86,195,3)
```
#03c370
```
#03c370 rgb(3,195,112)
```

Tetradic Color

#780235
```
#780235 rgb(120,2,53)
```
#910240
```
#910240 rgb(145,2,64)
```
#aa034b
```
#aa034b rgb(170,3,75)
```
#c30356
```
#c30356 rgb(195,3,86)
```
#dc0361
```
#dc0361 rgb(220,3,97)
```
#f5046c
```
#f5046c rgb(245,4,108)
```
#fb177a
```
#fb177a rgb(251,23,122)
```

Monochromatic Color

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

#c30386
```
#c30386 rgb(195,3,134)
```
#c30376
```
#c30376 rgb(195,3,118)
```
#c30366
```
#c30366 rgb(195,3,102)
```
#c30356
```
#c30356 rgb(195,3,86)
```
#c30346
```
#c30346 rgb(195,3,70)
```
#c30336
```
#c30336 rgb(195,3,54)
```
#c30326
```
#c30326 rgb(195,3,38)
```

Similar Colors

Text with hexadecimal color #c30356

This text has a font color of #c30356.

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

#c30356 background color

This paragraph has a background color of #c30356.

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

#c30356 border color

This element has a border color of #c30356.

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

CSS codes

.text {color:#c30356;}

.background {background-color:#c30356;}

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

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 #ffeef5 is the lightest one.

#020001
```
#020001 rgb(2,0,1)
```
#150009
```
#150009 rgb(21,0,9)
```
#280112
```
#280112 rgb(40,1,18)
```
#3c011a
```
#3c011a rgb(60,1,26)
```
#4f0123
```
#4f0123 rgb(79,1,35)
```
#62022b
```
#62022b rgb(98,2,43)
```
#760234
```
#760234 rgb(118,2,52)
```
#89023c
```
#89023c rgb(137,2,60)
```
#9c0245
```
#9c0245 rgb(156,2,69)
```
#b0034d
```
#b0034d rgb(176,3,77)
```
#c30356
```
#c30356 rgb(195,3,86)
```
#d6035f
```
#d6035f rgb(214,3,95)
```
#ea0467
```
#ea0467 rgb(234,4,103)
```

Shade Color Variation

#fb0670
```
#fb0670 rgb(251,6,112)
```
#fb197b
```
#fb197b rgb(251,25,123)
```
#fc2c86
```
#fc2c86 rgb(252,44,134)
```
#fc4091
```
#fc4091 rgb(252,64,145)
```
#fc539c
```
#fc539c rgb(252,83,156)
```
#fd66a7
```
#fd66a7 rgb(253,102,167)
```
#fd7ab2
```
#fd7ab2 rgb(253,122,178)
```
#fd8dbd
```
#fd8dbd rgb(253,141,189)
```
#fea0c9
```
#fea0c9 rgb(254,160,201)
```
#feb4d4
```
#feb4d4 rgb(254,180,212)
```
#fec7df
```
#fec7df rgb(254,199,223)
```
#fedaea
```
#fedaea rgb(254,218,234)
```
#ffeef5
```
#ffeef5 rgb(255,238,245)
```

Tint Color Variation

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

#685e62
```
#685e62 rgb(104,94,98)
```
#6f5761
```
#6f5761 rgb(111,87,97)
```
#774f60
```
#774f60 rgb(119,79,96)
```
#7e485f
```
#7e485f rgb(126,72,95)
```
#86405e
```
#86405e rgb(134,64,94)
```
#8e385d
```
#8e385d rgb(142,56,93)
```
#95315c
```
#95315c rgb(149,49,92)
```
#9d295b
```
#9d295b rgb(157,41,91)
```
#a5215a
```
#a5215a rgb(165,33,90)
```
#ac1a59
```
#ac1a59 rgb(172,26,89)
```
#b41258
```
#b41258 rgb(180,18,88)
```
#bb0b57
```
#bb0b57 rgb(187,11,87)
```
#c30356
```
#c30356 rgb(195,3,86)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#5f3949 Atypical Achromatopsia 0.001% of the population

Dichromacy

#65697f Protanopia 1% of men
#7c6653 Deuteranopia 1% of men
#c32a29 Tritanopia 0.001% of the population

Trichromacy

#874470 Protanomaly 1% of men, 0.01% of women
#964254 Deuteranomaly 6% of men, 0.4% of women
#c31b39 Tritanomaly 0.01% of the population

#c30356 hex color

#c30356 Color Information

#c30356 Color Conversion

Color Schemes with #c30356

Alternatives to #c30356

#c30356 Preview

Shades and Tints of #c30356

Tones of #c30356

Color Blindness Simulator