#c302bb hex color

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

♥
- f
- t
- g
- R 76
- G 1
- B 73
RGB color chart
- C 0
- M 99
- Y 4
- K 24
CMYK color chart

● #c302bb color description : Strong magenta.

The hexadecimal color #c302bb has RGB values of R:195, G:2, B:187 and CMYK values of C:0, M:0.99, Y:0.04, K:0.24. Its decimal value is 12780219.

Hex triplet	c302bb	`#c302bb`
RGB Decimal	195, 2, 187	`rgb(195,2,187)`
RGB Percent	76.5, 0.8, 73.3	`rgb(76.5%,0.8%,73.3%)`
CMYK	0, 99, 4, 24
HSL	302.5°, 98, 38.6	`hsl(302.5,98%,38.6%)`
HSV (or HSB)	302.5°, 99, 76.5
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	45.955, 78.953, -45.704
XYZ	31.497, 15.236, 48.293
xyY	0.331, 0.16, 15.236
CIE-LCH	45.955, 91.227, 329.934
CIE-LUV	45.955, 67.691, -77.48
Hunter-Lab	39.033, 75.728, -46.033
Binary	11000011, 00000010, 10111011

#c302bb
```
#c302bb rgb(195,2,187)
```
#02c30a
```
#02c30a rgb(2,195,10)
```

Complementary Color

#6b02c3
```
#6b02c3 rgb(107,2,195)
```
#c302bb
```
#c302bb rgb(195,2,187)
```
#c3025b
```
#c3025b rgb(195,2,91)
```

Analogous Color

#02c36b
```
#02c36b rgb(2,195,107)
```
#c302bb
```
#c302bb rgb(195,2,187)
```
#5bc302
```
#5bc302 rgb(91,195,2)
```

Split Complementary Color

#02bbc3
```
#02bbc3 rgb(2,187,195)
```
#c302bb
```
#c302bb rgb(195,2,187)
```
#bbc302
```
#bbc302 rgb(187,195,2)
```

Triadic Color

#0a02c3
```
#0a02c3 rgb(10,2,195)
```
#c302bb
```
#c302bb rgb(195,2,187)
```
#bbc302
```
#bbc302 rgb(187,195,2)
```
#02c30a
```
#02c30a rgb(2,195,10)
```

Tetradic Color

#770172
```
#770172 rgb(119,1,114)
```
#91018b
```
#91018b rgb(145,1,139)
```
#aa02a3
```
#aa02a3 rgb(170,2,163)
```
#c302bb
```
#c302bb rgb(195,2,187)
```
#dc02d3
```
#dc02d3 rgb(220,2,211)
```
#f503eb
```
#f503eb rgb(245,3,235)
```
#fd15f3
```
#fd15f3 rgb(253,21,243)
```

Monochromatic Color

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

#9b02c3
```
#9b02c3 rgb(155,2,195)
```
#ab02c3
```
#ab02c3 rgb(171,2,195)
```
#bb02c3
```
#bb02c3 rgb(187,2,195)
```
#c302bb
```
#c302bb rgb(195,2,187)
```
#c302ab
```
#c302ab rgb(195,2,171)
```
#c3029b
```
#c3029b rgb(195,2,155)
```
#c3028b
```
#c3028b rgb(195,2,139)
```

Similar Colors

Text with hexadecimal color #c302bb

This text has a font color of #c302bb.

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

#c302bb background color

This paragraph has a background color of #c302bb.

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

#c302bb border color

This element has a border color of #c302bb.

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

CSS codes

.text {color:#c302bb;}

.background {background-color:#c302bb;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#140013
```
#140013 rgb(20,0,19)
```
#280026
```
#280026 rgb(40,0,38)
```
#3b0139
```
#3b0139 rgb(59,1,57)
```
#4f014b
```
#4f014b rgb(79,1,75)
```
#62015e
```
#62015e rgb(98,1,94)
```
#750171
```
#750171 rgb(117,1,113)
```
#890183
```
#890183 rgb(137,1,131)
```
#9c0296
```
#9c0296 rgb(156,2,150)
```
#b002a8
```
#b002a8 rgb(176,2,168)
```
#c302bb
```
#c302bb rgb(195,2,187)
```
#d602ce
```
#d602ce rgb(214,2,206)
```
#ea02e0
```
#ea02e0 rgb(234,2,224)
```

Shade Color Variation

#fc03f2
```
#fc03f2 rgb(252,3,242)
```
#fd17f3
```
#fd17f3 rgb(253,23,243)
```
#fd2af4
```
#fd2af4 rgb(253,42,244)
```
#fd3ef5
```
#fd3ef5 rgb(253,62,245)
```
#fd51f6
```
#fd51f6 rgb(253,81,246)
```
#fd65f7
```
#fd65f7 rgb(253,101,247)
```
#fe78f8
```
#fe78f8 rgb(254,120,248)
```
#fe8bf9
```
#fe8bf9 rgb(254,139,249)
```
#fe9ffa
```
#fe9ffa rgb(254,159,250)
```
#feb2fb
```
#feb2fb rgb(254,178,251)
```
#fec6fc
```
#fec6fc rgb(254,198,252)
```
#ffd9fd
```
#ffd9fd rgb(255,217,253)
```
#ffecfe
```
#ffecfe rgb(255,236,254)
```

Tint Color Variation

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

#685d68
```
#685d68 rgb(104,93,104)
```
#70556f
```
#70556f rgb(112,85,111)
```
#774e76
```
#774e76 rgb(119,78,118)
```
#7f467c
```
#7f467c rgb(127,70,124)
```
#863f83
```
#863f83 rgb(134,63,131)
```
#8e378a
```
#8e378a rgb(142,55,138)
```
#962f91
```
#962f91 rgb(150,47,145)
```
#9d2898
```
#9d2898 rgb(157,40,152)
```
#a5209f
```
#a5209f rgb(165,32,159)
```
#ac19a6
```
#ac19a6 rgb(172,25,166)
```
#b411ad
```
#b411ad rgb(180,17,173)
```
#bb0ab4
```
#bb0ab4 rgb(187,10,180)
```
#c302bb
```
#c302bb rgb(195,2,187)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#684166 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070dc Protanopia 1% of men
#5574ac Deuteranopia 1% of men
#ba5156 Tritanopia 0.001% of the population

Trichromacy

#4648d0 Protanomaly 1% of men, 0.01% of women
#7d4ab1 Deuteranomaly 6% of men, 0.4% of women
#bd347b Tritanomaly 0.01% of the population

#c302bb hex color

#c302bb Color Information

#c302bb Color Conversion

Color Schemes with #c302bb

Alternatives to #c302bb

#c302bb Preview

Shades and Tints of #c302bb

Tones of #c302bb

Color Blindness Simulator