#c302f2 hex color

In a RGB color space, hex #c302f2 is composed of 76.5% red, 0.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 19.4% cyan, 99.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 288.3 degrees, a saturation of 98.4% and a lightness of 47.8%. #c302f2 color hex could be obtained by blending #ff04ff with #8700e5. Closest websafe color is: #cc00ff.

♥
- f
- t
- g
- R 76
- G 1
- B 95
RGB color chart
- C 19
- M 99
- Y 0
- K 5
CMYK color chart

● #c302f2 color description : Vivid magenta.

The hexadecimal color #c302f2 has RGB values of R:195, G:2, B:242 and CMYK values of C:0.19, M:0.99, Y:0, K:0.05. Its decimal value is 12780274.

Hex triplet	c302f2	`#c302f2`
RGB Decimal	195, 2, 242	`rgb(195,2,242)`
RGB Percent	76.5, 0.8, 94.9	`rgb(76.5%,0.8%,94.9%)`
CMYK	19, 99, 0, 5
HSL	288.3°, 98.4, 47.8	`hsl(288.3,98.4%,47.8%)`
HSV (or HSB)	288.3°, 99.2, 94.9
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	49.566, 87.505, -71.437
XYZ	38.553, 18.058, 85.454
xyY	0.271, 0.127, 18.058
CIE-LCH	49.566, 112.961, 320.773
CIE-LUV	49.566, 48.146, -116.685
Hunter-Lab	42.495, 87.574, -89.482
Binary	11000011, 00000010, 11110010

#c302f2
```
#c302f2 rgb(195,2,242)
```
#31f202
```
#31f202 rgb(49,242,2)
```

Complementary Color

#4b02f2
```
#4b02f2 rgb(75,2,242)
```
#c302f2
```
#c302f2 rgb(195,2,242)
```
#f202a9
```
#f202a9 rgb(242,2,169)
```

Analogous Color

#02f24b
```
#02f24b rgb(2,242,75)
```
#c302f2
```
#c302f2 rgb(195,2,242)
```
#a9f202
```
#a9f202 rgb(169,242,2)
```

Split Complementary Color

#02f2c3
```
#02f2c3 rgb(2,242,195)
```
#c302f2
```
#c302f2 rgb(195,2,242)
```
#f2c302
```
#f2c302 rgb(242,195,2)
```

Triadic Color

#0231f2
```
#0231f2 rgb(2,49,242)
```
#c302f2
```
#c302f2 rgb(195,2,242)
```
#f2c302
```
#f2c302 rgb(242,195,2)
```
#31f202
```
#31f202 rgb(49,242,2)
```

Tetradic Color

#8601a6
```
#8601a6 rgb(134,1,166)
```
#9a02bf
```
#9a02bf rgb(154,2,191)
```
#af02d9
```
#af02d9 rgb(175,2,217)
```
#c302f2
```
#c302f2 rgb(195,2,242)
```
#cf10fd
```
#cf10fd rgb(207,16,253)
```
#d42afd
```
#d42afd rgb(212,42,253)
```
#d943fd
```
#d943fd rgb(217,67,253)
```

Monochromatic Color

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

#8702f2
```
#8702f2 rgb(135,2,242)
```
#9b02f2
```
#9b02f2 rgb(155,2,242)
```
#af02f2
```
#af02f2 rgb(175,2,242)
```
#c302f2
```
#c302f2 rgb(195,2,242)
```
#d702f2
```
#d702f2 rgb(215,2,242)
```
#eb02f2
```
#eb02f2 rgb(235,2,242)
```
#f202e5
```
#f202e5 rgb(242,2,229)
```

Similar Colors

Text with hexadecimal color #c302f2

This text has a font color of #c302f2.

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

#c302f2 background color

This paragraph has a background color of #c302f2.

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

#c302f2 border color

This element has a border color of #c302f2.

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

CSS codes

.text {color:#c302f2;}

.background {background-color:#c302f2;}

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

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

#070009
```
#070009 rgb(7,0,9)
```
#17001c
```
#17001c rgb(23,0,28)
```
#26002f
```
#26002f rgb(38,0,47)
```
#360143
```
#360143 rgb(54,1,67)
```
#460156
```
#460156 rgb(70,1,86)
```
#55016a
```
#55016a rgb(85,1,106)
```
#65017d
```
#65017d rgb(101,1,125)
```
#750191
```
#750191 rgb(117,1,145)
```
#8401a4
```
#8401a4 rgb(132,1,164)
```
#9402b8
```
#9402b8 rgb(148,2,184)
```
#a402cb
```
#a402cb rgb(164,2,203)
```
#b302df
```
#b302df rgb(179,2,223)
```
#c302f2
```
#c302f2 rgb(195,2,242)
```

Shade Color Variation

#ce0bfd
```
#ce0bfd rgb(206,11,253)
```
#d11efd
```
#d11efd rgb(209,30,253)
```
#d532fd
```
#d532fd rgb(213,50,253)
```
#d945fd
```
#d945fd rgb(217,69,253)
```
#dd58fe
```
#dd58fe rgb(221,88,254)
```
#e16cfe
```
#e16cfe rgb(225,108,254)
```
#e57ffe
```
#e57ffe rgb(229,127,254)
```
#e993fe
```
#e993fe rgb(233,147,254)
```
#eda6fe
```
#eda6fe rgb(237,166,254)
```
#f1bafe
```
#f1bafe rgb(241,186,254)
```
#f5cdff
```
#f5cdff rgb(245,205,255)
```
#f9e1ff
```
#f9e1ff rgb(249,225,255)
```
#fdf4ff
```
#fdf4ff rgb(253,244,255)
```

Tint Color Variation

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

#7e7381
```
#7e7381 rgb(126,115,129)
```
#84698b
```
#84698b rgb(132,105,139)
```
#8a6094
```
#8a6094 rgb(138,96,148)
```
#90569e
```
#90569e rgb(144,86,158)
```
#954da7
```
#954da7 rgb(149,77,167)
```
#9b44b0
```
#9b44b0 rgb(155,68,176)
```
#a13aba
```
#a13aba rgb(161,58,186)
```
#a631c3
```
#a631c3 rgb(166,49,195)
```
#ac28cc
```
#ac28cc rgb(172,40,204)
```
#b21ed6
```
#b21ed6 rgb(178,30,214)
```
#b815df
```
#b815df rgb(184,21,223)
```
#bd0be9
```
#bd0be9 rgb(189,11,233)
```
#c302f2
```
#c302f2 rgb(195,2,242)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#6d4676 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ec Protanopia 1% of men
#007fd2 Deuteranopia 1% of men
#b0676e Tritanopia 0.001% of the population

Trichromacy

#464dee Protanomaly 1% of men, 0.01% of women
#4651dd Deuteranomaly 6% of men, 0.4% of women
#b7429e Tritanomaly 0.01% of the population

#c302f2 hex color

#c302f2 Color Information

#c302f2 Color Conversion

Color Schemes with #c302f2

Alternatives to #c302f2

#c302f2 Preview

Shades and Tints of #c302f2

Tones of #c302f2

Color Blindness Simulator