#c303b4 hex color

In a RGB color space, hex #c303b4 is composed of 76.5% red, 1.2% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.5% magenta, 7.7% yellow and 23.5% black. It has a hue angle of 304.7 degrees, a saturation of 97% and a lightness of 38.8%. #c303b4 color hex could be obtained by blending #ff06ff with #870069. Closest websafe color is: #cc00cc.

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

● #c303b4 color description : Strong magenta.

The hexadecimal color #c303b4 has RGB values of R:195, G:3, B:180 and CMYK values of C:0, M:0.98, Y:0.08, K:0.24. Its decimal value is 12780468.

Hex triplet	c303b4	`#c303b4`
RGB Decimal	195, 3, 180	`rgb(195,3,180)`
RGB Percent	76.5, 1.2, 70.6	`rgb(76.5%,1.2%,70.6%)`
CMYK	0, 98, 8, 24
HSL	304.7°, 97, 38.8	`hsl(304.7,97%,38.8%)`
HSV (or HSB)	304.7°, 98.5, 76.5
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	45.586, 77.886, -42.178
XYZ	30.776, 14.965, 44.445
xyY	0.341, 0.166, 14.965
CIE-LCH	45.586, 88.573, 331.563
CIE-LUV	45.586, 70.499, -72.142
Hunter-Lab	38.685, 74.311, -41.04
Binary	11000011, 00000011, 10110100

#c303b4
```
#c303b4 rgb(195,3,180)
```
#03c312
```
#03c312 rgb(3,195,18)
```

Complementary Color

#7203c3
```
#7203c3 rgb(114,3,195)
```
#c303b4
```
#c303b4 rgb(195,3,180)
```
#c30354
```
#c30354 rgb(195,3,84)
```

Analogous Color

#03c372
```
#03c372 rgb(3,195,114)
```
#c303b4
```
#c303b4 rgb(195,3,180)
```
#54c303
```
#54c303 rgb(84,195,3)
```

Split Complementary Color

#03b4c3
```
#03b4c3 rgb(3,180,195)
```
#c303b4
```
#c303b4 rgb(195,3,180)
```
#b4c303
```
#b4c303 rgb(180,195,3)
```

Triadic Color

#1203c3
```
#1203c3 rgb(18,3,195)
```
#c303b4
```
#c303b4 rgb(195,3,180)
```
#b4c303
```
#b4c303 rgb(180,195,3)
```
#03c312
```
#03c312 rgb(3,195,18)
```

Tetradic Color

#78026e
```
#78026e rgb(120,2,110)
```
#910286
```
#910286 rgb(145,2,134)
```
#aa039d
```
#aa039d rgb(170,3,157)
```
#c303b4
```
#c303b4 rgb(195,3,180)
```
#dc03cb
```
#dc03cb rgb(220,3,203)
```
#f504e2
```
#f504e2 rgb(245,4,226)
```
#fb17ea
```
#fb17ea rgb(251,23,234)
```

Monochromatic Color

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

#a203c3
```
#a203c3 rgb(162,3,195)
```
#b203c3
```
#b203c3 rgb(178,3,195)
```
#c203c3
```
#c203c3 rgb(194,3,195)
```
#c303b4
```
#c303b4 rgb(195,3,180)
```
#c303a4
```
#c303a4 rgb(195,3,164)
```
#c30394
```
#c30394 rgb(195,3,148)
```
#c30384
```
#c30384 rgb(195,3,132)
```

Similar Colors

Text with hexadecimal color #c303b4

This text has a font color of #c303b4.

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

#c303b4 background color

This paragraph has a background color of #c303b4.

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

#c303b4 border color

This element has a border color of #c303b4.

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

CSS codes

.text {color:#c303b4;}

.background {background-color:#c303b4;}

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

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

#020002
```
#020002 rgb(2,0,2)
```
#150014
```
#150014 rgb(21,0,20)
```
#280125
```
#280125 rgb(40,1,37)
```
#3c0137
```
#3c0137 rgb(60,1,55)
```
#4f0149
```
#4f0149 rgb(79,1,73)
```
#62025b
```
#62025b rgb(98,2,91)
```
#76026d
```
#76026d rgb(118,2,109)
```
#89027f
```
#89027f rgb(137,2,127)
```
#9c0290
```
#9c0290 rgb(156,2,144)
```
#b003a2
```
#b003a2 rgb(176,3,162)
```
#c303b4
```
#c303b4 rgb(195,3,180)
```
#d603c6
```
#d603c6 rgb(214,3,198)
```
#ea04d8
```
#ea04d8 rgb(234,4,216)
```

Shade Color Variation

#fb06e8
```
#fb06e8 rgb(251,6,232)
```
#fb19ea
```
#fb19ea rgb(251,25,234)
```
#fc2cec
```
#fc2cec rgb(252,44,236)
```
#fc40ed
```
#fc40ed rgb(252,64,237)
```
#fc53ef
```
#fc53ef rgb(252,83,239)
```
#fd66f1
```
#fd66f1 rgb(253,102,241)
```
#fd7af3
```
#fd7af3 rgb(253,122,243)
```
#fd8df4
```
#fd8df4 rgb(253,141,244)
```
#fea0f6
```
#fea0f6 rgb(254,160,246)
```
#feb4f8
```
#feb4f8 rgb(254,180,248)
```
#fec7fa
```
#fec7fa rgb(254,199,250)
```
#fedafc
```
#fedafc rgb(254,218,252)
```
#ffeefd
```
#ffeefd rgb(255,238,253)
```

Tint Color Variation

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

#685e67
```
#685e67 rgb(104,94,103)
```
#6f576d
```
#6f576d rgb(111,87,109)
```
#774f74
```
#774f74 rgb(119,79,116)
```
#7e487a
```
#7e487a rgb(126,72,122)
```
#864081
```
#864081 rgb(134,64,129)
```
#8e3887
```
#8e3887 rgb(142,56,135)
```
#95318d
```
#95318d rgb(149,49,141)
```
#9d2994
```
#9d2994 rgb(157,41,148)
```
#a5219a
```
#a5219a rgb(165,33,154)
```
#ac1aa1
```
#ac1aa1 rgb(172,26,161)
```
#b412a7
```
#b412a7 rgb(180,18,167)
```
#bb0bae
```
#bb0bae rgb(187,11,174)
```
#c303b4
```
#c303b4 rgb(195,3,180)
```

Tone Color Variation

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

Dichromacy

#0070db Protanopia 1% of men
#5a73a6 Deuteranopia 1% of men
#bb4f53 Tritanopia 0.001% of the population

Trichromacy

#4648cc Protanomaly 1% of men, 0.01% of women
#804aab Deuteranomaly 6% of men, 0.4% of women
#be3376 Tritanomaly 0.01% of the population

#c303b4 hex color

#c303b4 Color Information

#c303b4 Color Conversion

Color Schemes with #c303b4

Alternatives to #c303b4

#c303b4 Preview

Shades and Tints of #c303b4

Tones of #c303b4

Color Blindness Simulator