colorhexa.com

#c305a2 hex color

In a RGB color space, hex #c305a2 is composed of 76.5% red, 2% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.4% magenta, 16.9% yellow and 23.5% black. It has a hue angle of 310.4 degrees, a saturation of 95% and a lightness of 39.2%. #c305a2 color hex could be obtained by blending #ff0aff with #870045. Closest websafe color is: #cc0099.

- R 76
- G 2
- B 64
RGB color chart
- C 0
- M 97
- Y 17
- K 24
CMYK color chart

● #c305a2 color description : Strong magenta.

The hexadecimal color #c305a2 has RGB values of R:195, G:5, B:162 and CMYK values of C:0, M:0.97, Y:0.17, K:0.24. Its decimal value is 12780962.

Hex triplet	c305a2	`#c305a2`
RGB Decimal	195, 5, 162	`rgb(195,5,162)`
RGB Percent	76.5, 2, 63.5	`rgb(76.5%,2%,63.5%)`
CMYK	0, 97, 17, 24
HSL	310.4°, 95, 39.2	`hsl(310.4,95%,39.2%)`
HSV (or HSB)	310.4°, 97.4, 76.5
Web Safe	cc0099	`#cc0099`

CIE-LAB	44.691, 75.323, -32.901
XYZ	29.082, 14.322, 35.413
xyY	0.369, 0.182, 14.322
CIE-LCH	44.691, 82.196, 336.404
CIE-LUV	44.691, 78.072, -58.225
Hunter-Lab	37.844, 70.942, -28.991
Binary	11000011, 00000101, 10100010

#c305a2
```
#c305a2 rgb(195,5,162)
```
#05c326
```
#05c326 rgb(5,195,38)
```

Complementary Color

#8505c3
```
#8505c3 rgb(133,5,195)
```
#c305a2
```
#c305a2 rgb(195,5,162)
```
#c30543
```
#c30543 rgb(195,5,67)
```

Analogous Color

#05c385
```
#05c385 rgb(5,195,133)
```
#c305a2
```
#c305a2 rgb(195,5,162)
```
#43c305
```
#43c305 rgb(67,195,5)
```

Split Complementary Color

#05a2c3
```
#05a2c3 rgb(5,162,195)
```
#c305a2
```
#c305a2 rgb(195,5,162)
```
#a2c305
```
#a2c305 rgb(162,195,5)
```

Triadic Color

#780364
```
#780364 rgb(120,3,100)
```
#910479
```
#910479 rgb(145,4,121)
```
#aa048d
```
#aa048d rgb(170,4,141)
```
#c305a2
```
#c305a2 rgb(195,5,162)
```
#dc06b7
```
#dc06b7 rgb(220,6,183)
```
#f506cb
```
#f506cb rgb(245,6,203)
```
#f91bd3
```
#f91bd3 rgb(249,27,211)
```

Monochromatic Color

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

#b505c3
```
#b505c3 rgb(181,5,195)
```
#c305c2
```
#c305c2 rgb(195,5,194)
```
#c305b2
```
#c305b2 rgb(195,5,178)
```
#c305a2
```
#c305a2 rgb(195,5,162)
```
#c30592
```
#c30592 rgb(195,5,146)
```
#c30582
```
#c30582 rgb(195,5,130)
```
#c30573
```
#c30573 rgb(195,5,115)
```

Similar Colors

Text with hexadecimal color #c305a2

This text has a font color of #c305a2.

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

#c305a2 background color

This paragraph has a background color of #c305a2.

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

#c305a2 border color

This element has a border color of #c305a2.

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

CSS codes

.text {color:#c305a2;}

.background {background-color:#c305a2;}

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

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

#040003
```
#040003 rgb(4,0,3)
```
#170113
```
#170113 rgb(23,1,19)
```
#2a0123
```
#2a0123 rgb(42,1,35)
```
#3d0233
```
#3d0233 rgb(61,2,51)
```
#500243
```
#500243 rgb(80,2,67)
```
#630353
```
#630353 rgb(99,3,83)
```
#770362
```
#770362 rgb(119,3,98)
```
#8a0472
```
#8a0472 rgb(138,4,114)
```
#9d0482
```
#9d0482 rgb(157,4,130)
```
#b00592
```
#b00592 rgb(176,5,146)
```
#c305a2
```
#c305a2 rgb(195,5,162)
```
#d605b2
```
#d605b2 rgb(214,5,178)
```
#e906c2
```
#e906c2 rgb(233,6,194)
```

Shade Color Variation

#f90acf
```
#f90acf rgb(249,10,207)
```
#f91dd3
```
#f91dd3 rgb(249,29,211)
```
#fa30d7
```
#fa30d7 rgb(250,48,215)
```
#fa44da
```
#fa44da rgb(250,68,218)
```
#fb57de
```
#fb57de rgb(251,87,222)
```
#fb6ae2
```
#fb6ae2 rgb(251,106,226)
```
#fc7de6
```
#fc7de6 rgb(252,125,230)
```
#fc90e9
```
#fc90e9 rgb(252,144,233)
```
#fda3ed
```
#fda3ed rgb(253,163,237)
```
#fdb6f1
```
#fdb6f1 rgb(253,182,241)
```
#fec9f5
```
#fec9f5 rgb(254,201,245)
```
#feddf8
```
#feddf8 rgb(254,221,248)
```
#fff0fc
```
#fff0fc rgb(255,240,252)
```

Tint Color Variation

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

#676166
```
#676166 rgb(103,97,102)
```
#6e5a6b
```
#6e5a6b rgb(110,90,107)
```
#765270
```
#765270 rgb(118,82,112)
```
#7e4a75
```
#7e4a75 rgb(126,74,117)
```
#85437a
```
#85437a rgb(133,67,122)
```
#8d3b7f
```
#8d3b7f rgb(141,59,127)
```
#953384
```
#953384 rgb(149,51,132)
```
#9d2b89
```
#9d2b89 rgb(157,43,137)
```
#a4248e
```
#a4248e rgb(164,36,142)
```
#ac1c93
```
#ac1c93 rgb(172,28,147)
```
#b41498
```
#b41498 rgb(180,20,152)
```
#bb0d9d
```
#bb0d9d rgb(187,13,157)
```
#c305a2
```
#c305a2 rgb(195,5,162)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#674160 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd7 Protanopia 1% of men
#657097 Deuteranopia 1% of men
#bd484c Tritanopia 0.001% of the population

Trichromacy

#4647c4 Protanomaly 1% of men, 0.01% of women
#87499b Deuteranomaly 6% of men, 0.4% of women
#bf2f6b Tritanomaly 0.01% of the population