colorhexa.com

#c302b0 hex color

In a RGB color space, hex #c302b0 is composed of 76.5% red, 0.8% green and 69% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99% magenta, 9.7% yellow and 23.5% black. It has a hue angle of 305.9 degrees, a saturation of 98% and a lightness of 38.6%. #c302b0 color hex could be obtained by blending #ff04ff with #870061. Closest websafe color is: #cc0099.

- R 76
- G 1
- B 69
RGB color chart
- C 0
- M 99
- Y 10
- K 24
CMYK color chart

● #c302b0 color description : Strong magenta.

The hexadecimal color #c302b0 has RGB values of R:195, G:2, B:176 and CMYK values of C:0, M:0.99, Y:0.1, K:0.24. Its decimal value is 12780208.

Hex triplet	c302b0	`#c302b0`
RGB Decimal	195, 2, 176	`rgb(195,2,176)`
RGB Percent	76.5, 0.8, 69	`rgb(76.5%,0.8%,69%)`
CMYK	0, 99, 10, 24
HSL	305.9°, 98, 38.6	`hsl(305.9,98%,38.6%)`
HSV (or HSB)	305.9°, 99, 76.5
Web Safe	cc0099	`#cc0099`

CIE-LAB	45.335, 77.428, -40.214
XYZ	30.364, 14.783, 42.326
xyY	0.347, 0.169, 14.783
CIE-LCH	45.335, 87.248, 332.554
CIE-LUV	45.335, 72.227, -69.175
Hunter-Lab	38.448, 73.683, -38.357
Binary	11000011, 00000010, 10110000

#c302b0
```
#c302b0 rgb(195,2,176)
```
#02c315
```
#02c315 rgb(2,195,21)
```

Complementary Color

#7602c3
```
#7602c3 rgb(118,2,195)
```
#c302b0
```
#c302b0 rgb(195,2,176)
```
#c3024f
```
#c3024f rgb(195,2,79)
```

Analogous Color

#02c376
```
#02c376 rgb(2,195,118)
```
#c302b0
```
#c302b0 rgb(195,2,176)
```
#4fc302
```
#4fc302 rgb(79,195,2)
```

Split Complementary Color

#02b0c3
```
#02b0c3 rgb(2,176,195)
```
#c302b0
```
#c302b0 rgb(195,2,176)
```
#b0c302
```
#b0c302 rgb(176,195,2)
```

Triadic Color

#77016c
```
#77016c rgb(119,1,108)
```
#910182
```
#910182 rgb(145,1,130)
```
#aa0299
```
#aa0299 rgb(170,2,153)
```
#c302b0
```
#c302b0 rgb(195,2,176)
```
#dc02c7
```
#dc02c7 rgb(220,2,199)
```
#f503de
```
#f503de rgb(245,3,222)
```
#fd15e6
```
#fd15e6 rgb(253,21,230)
```

Monochromatic Color

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

#a602c3
```
#a602c3 rgb(166,2,195)
```
#b602c3
```
#b602c3 rgb(182,2,195)
```
#c302c0
```
#c302c0 rgb(195,2,192)
```
#c302b0
```
#c302b0 rgb(195,2,176)
```
#c302a0
```
#c302a0 rgb(195,2,160)
```
#c30290
```
#c30290 rgb(195,2,144)
```
#c30280
```
#c30280 rgb(195,2,128)
```

Similar Colors

Text with hexadecimal color #c302b0

This text has a font color of #c302b0.

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

#c302b0 background color

This paragraph has a background color of #c302b0.

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

#c302b0 border color

This element has a border color of #c302b0.

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

CSS codes

.text {color:#c302b0;}

.background {background-color:#c302b0;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#140012
```
#140012 rgb(20,0,18)
```
#280024
```
#280024 rgb(40,0,36)
```
#3b0135
```
#3b0135 rgb(59,1,53)
```
#4f0147
```
#4f0147 rgb(79,1,71)
```
#620158
```
#620158 rgb(98,1,88)
```
#75016a
```
#75016a rgb(117,1,106)
```
#89017b
```
#89017b rgb(137,1,123)
```
#9c028d
```
#9c028d rgb(156,2,141)
```
#b0029e
```
#b0029e rgb(176,2,158)
```
#c302b0
```
#c302b0 rgb(195,2,176)
```
#d602c2
```
#d602c2 rgb(214,2,194)
```
#ea02d3
```
#ea02d3 rgb(234,2,211)
```

Shade Color Variation

#fc03e4
```
#fc03e4 rgb(252,3,228)
```
#fd17e6
```
#fd17e6 rgb(253,23,230)
```
#fd2ae8
```
#fd2ae8 rgb(253,42,232)
```
#fd3eea
```
#fd3eea rgb(253,62,234)
```
#fd51ec
```
#fd51ec rgb(253,81,236)
```
#fd65ee
```
#fd65ee rgb(253,101,238)
```
#fe78f0
```
#fe78f0 rgb(254,120,240)
```
#fe8bf3
```
#fe8bf3 rgb(254,139,243)
```
#fe9ff5
```
#fe9ff5 rgb(254,159,245)
```
#feb2f7
```
#feb2f7 rgb(254,178,247)
```
#fec6f9
```
#fec6f9 rgb(254,198,249)
```
#ffd9fb
```
#ffd9fb rgb(255,217,251)
```
#ffecfd
```
#ffecfd rgb(255,236,253)
```

Tint Color Variation

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

#685d67
```
#685d67 rgb(104,93,103)
```
#70556d
```
#70556d rgb(112,85,109)
```
#774e73
```
#774e73 rgb(119,78,115)
```
#7f4679
```
#7f4679 rgb(127,70,121)
```
#863f7f
```
#863f7f rgb(134,63,127)
```
#8e3785
```
#8e3785 rgb(142,55,133)
```
#962f8b
```
#962f8b rgb(150,47,139)
```
#9d2892
```
#9d2892 rgb(157,40,146)
```
#a52098
```
#a52098 rgb(165,32,152)
```
#ac199e
```
#ac199e rgb(172,25,158)
```
#b411a4
```
#b411a4 rgb(180,17,164)
```
#bb0aaa
```
#bb0aaa rgb(187,10,170)
```
#c302b0
```
#c302b0 rgb(195,2,176)
```

Tone Color Variation

Below, you can see how #c302b0 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
#674063 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fda Protanopia 1% of men
#5c72a3 Deuteranopia 1% of men
#bb4d51 Tritanopia 0.001% of the population

Trichromacy

#4647ca Protanomaly 1% of men, 0.01% of women
#8249a7 Deuteranomaly 6% of men, 0.4% of women
#be3174 Tritanomaly 0.01% of the population