#c307f2 hex color

In a RGB color space, hex #c307f2 is composed of 76.5% red, 2.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 19.4% cyan, 97.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 288 degrees, a saturation of 94.4% and a lightness of 48.8%. #c307f2 color hex could be obtained by blending #ff0eff with #8700e5. Closest websafe color is: #cc00ff.

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

● #c307f2 color description : Vivid magenta.

The hexadecimal color #c307f2 has RGB values of R:195, G:7, B:242 and CMYK values of C:0.19, M:0.97, Y:0, K:0.05. Its decimal value is 12781554.

Hex triplet	c307f2	`#c307f2`
RGB Decimal	195, 7, 242	`rgb(195,7,242)`
RGB Percent	76.5, 2.7, 94.9	`rgb(76.5%,2.7%,94.9%)`
CMYK	19, 97, 0, 5
HSL	288°, 94.4, 48.8	`hsl(288,94.4%,48.8%)`
HSV (or HSB)	288°, 97.1, 94.9
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	49.698, 87.113, -71.224
XYZ	38.607, 18.167, 85.472
xyY	0.271, 0.128, 18.167
CIE-LCH	49.698, 112.523, 320.731
CIE-LUV	49.698, 47.982, -116.449
Hunter-Lab	42.622, 87.094, -89.061
Binary	11000011, 00000111, 11110010

#c307f2
```
#c307f2 rgb(195,7,242)
```
#36f207
```
#36f207 rgb(54,242,7)
```

Complementary Color

#4e07f2
```
#4e07f2 rgb(78,7,242)
```
#c307f2
```
#c307f2 rgb(195,7,242)
```
#f207ac
```
#f207ac rgb(242,7,172)
```

Analogous Color

#07f24e
```
#07f24e rgb(7,242,78)
```
#c307f2
```
#c307f2 rgb(195,7,242)
```
#acf207
```
#acf207 rgb(172,242,7)
```

Split Complementary Color

#07f2c3
```
#07f2c3 rgb(7,242,195)
```
#c307f2
```
#c307f2 rgb(195,7,242)
```
#f2c307
```
#f2c307 rgb(242,195,7)
```

Triadic Color

#0736f2
```
#0736f2 rgb(7,54,242)
```
#c307f2
```
#c307f2 rgb(195,7,242)
```
#f2c307
```
#f2c307 rgb(242,195,7)
```
#36f207
```
#36f207 rgb(54,242,7)
```

Tetradic Color

#8705a8
```
#8705a8 rgb(135,5,168)
```
#9b06c0
```
#9b06c0 rgb(155,6,192)
```
#af06d9
```
#af06d9 rgb(175,6,217)
```
#c307f2
```
#c307f2 rgb(195,7,242)
```
#cc1af8
```
#cc1af8 rgb(204,26,248)
```
#d133f9
```
#d133f9 rgb(209,51,249)
```
#d74cfa
```
#d74cfa rgb(215,76,250)
```

Monochromatic Color

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

#8807f2
```
#8807f2 rgb(136,7,242)
```
#9c07f2
```
#9c07f2 rgb(156,7,242)
```
#af07f2
```
#af07f2 rgb(175,7,242)
```
#c307f2
```
#c307f2 rgb(195,7,242)
```
#d707f2
```
#d707f2 rgb(215,7,242)
```
#ea07f2
```
#ea07f2 rgb(234,7,242)
```
#f207e6
```
#f207e6 rgb(242,7,230)
```

Similar Colors

Text with hexadecimal color #c307f2

This text has a font color of #c307f2.

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

#c307f2 background color

This paragraph has a background color of #c307f2.

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

#c307f2 border color

This element has a border color of #c307f2.

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

CSS codes

.text {color:#c307f2;}

.background {background-color:#c307f2;}

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

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, #0b000d is the darkest color, while #fef9ff is the lightest one.

#0b000d
```
#0b000d rgb(11,0,13)
```
#1a0120
```
#1a0120 rgb(26,1,32)
```
#290133
```
#290133 rgb(41,1,51)
```
#390246
```
#390246 rgb(57,2,70)
```
#480359
```
#480359 rgb(72,3,89)
```
#57036d
```
#57036d rgb(87,3,109)
```
#670480
```
#670480 rgb(103,4,128)
```
#760493
```
#760493 rgb(118,4,147)
```
#8605a6
```
#8605a6 rgb(134,5,166)
```
#9505b9
```
#9505b9 rgb(149,5,185)
```
#a406cc
```
#a406cc rgb(164,6,204)
```
#b406df
```
#b406df rgb(180,6,223)
```
#c307f2
```
#c307f2 rgb(195,7,242)
```

Shade Color Variation

#cb14f8
```
#cb14f8 rgb(203,20,248)
```
#cf27f9
```
#cf27f9 rgb(207,39,249)
```
#d33bf9
```
#d33bf9 rgb(211,59,249)
```
#d74efa
```
#d74efa rgb(215,78,250)
```
#dc61fa
```
#dc61fa rgb(220,97,250)
```
#e074fb
```
#e074fb rgb(224,116,251)
```
#e487fc
```
#e487fc rgb(228,135,252)
```
#e89afc
```
#e89afc rgb(232,154,252)
```
#edadfd
```
#edadfd rgb(237,173,253)
```
#f1c0fd
```
#f1c0fd rgb(241,192,253)
```
#f5d3fe
```
#f5d3fe rgb(245,211,254)
```
#f9e6fe
```
#f9e6fe rgb(249,230,254)
```
#fef9ff
```
#fef9ff rgb(254,249,255)
```

Tint Color Variation

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

#7e7a7f
```
#7e7a7f rgb(126,122,127)
```
#847089
```
#847089 rgb(132,112,137)
```
#8a6792
```
#8a6792 rgb(138,103,146)
```
#8f5d9c
```
#8f5d9c rgb(143,93,156)
```
#9554a5
```
#9554a5 rgb(149,84,165)
```
#9b4aaf
```
#9b4aaf rgb(155,74,175)
```
#a140b9
```
#a140b9 rgb(161,64,185)
```
#a637c2
```
#a637c2 rgb(166,55,194)
```
#ac2dcc
```
#ac2dcc rgb(172,45,204)
```
#b224d5
```
#b224d5 rgb(178,36,213)
```
#b81adf
```
#b81adf rgb(184,26,223)
```
#bd11e8
```
#bd11e8 rgb(189,17,232)
```
#c307f2
```
#c307f2 rgb(195,7,242)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#6f4978 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ec Protanopia 1% of men
#007fd3 Deuteranopia 1% of men
#b0686f Tritanopia 0.001% of the population

Trichromacy

#4650ee Protanomaly 1% of men, 0.01% of women
#4653de Deuteranomaly 6% of men, 0.4% of women
#b7449e Tritanomaly 0.01% of the population

#c307f2 hex color

#c307f2 Color Information

#c307f2 Color Conversion

Color Schemes with #c307f2

Alternatives to #c307f2

#c307f2 Preview

Shades and Tints of #c307f2

Tones of #c307f2

Color Blindness Simulator