#c307d4 hex color

In a RGB color space, hex #c307d4 is composed of 76.5% red, 2.7% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 8% cyan, 96.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 295 degrees, a saturation of 93.6% and a lightness of 42.9%. #c307d4 color hex could be obtained by blending #ff0eff with #8700a9. Closest websafe color is: #cc00cc.

♥
- f
- t
- g
- R 76
- G 3
- B 83
RGB color chart
- C 8
- M 97
- Y 0
- K 17
CMYK color chart

● #c307d4 color description : Strong magenta.

The hexadecimal color #c307d4 has RGB values of R:195, G:7, B:212 and CMYK values of C:0.08, M:0.97, Y:0, K:0.17. Its decimal value is 12781524.

Hex triplet	c307d4	`#c307d4`
RGB Decimal	195, 7, 212	`rgb(195,7,212)`
RGB Percent	76.5, 2.7, 83.1	`rgb(76.5%,2.7%,83.1%)`
CMYK	8, 97, 0, 17
HSL	295°, 93.6, 42.9	`hsl(295,93.6%,42.9%)`
HSV (or HSB)	295°, 96.7, 83.1
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	47.636, 82.251, -57.515
XYZ	34.464, 16.51, 63.655
xyY	0.301, 0.144, 16.51
CIE-LCH	47.636, 100.365, 325.036
CIE-LUV	47.636, 57.943, -95.522
Hunter-Lab	40.632, 80.298, -64.443
Binary	11000011, 00000111, 11010100

#c307d4
```
#c307d4 rgb(195,7,212)
```
#18d407
```
#18d407 rgb(24,212,7)
```

Complementary Color

#5c07d4
```
#5c07d4 rgb(92,7,212)
```
#c307d4
```
#c307d4 rgb(195,7,212)
```
#d4077f
```
#d4077f rgb(212,7,127)
```

Analogous Color

#07d45c
```
#07d45c rgb(7,212,92)
```
#c307d4
```
#c307d4 rgb(195,7,212)
```
#7fd407
```
#7fd407 rgb(127,212,7)
```

Split Complementary Color

#07d4c3
```
#07d4c3 rgb(7,212,195)
```
#c307d4
```
#c307d4 rgb(195,7,212)
```
#d4c307
```
#d4c307 rgb(212,195,7)
```

Triadic Color

#0718d4
```
#0718d4 rgb(7,24,212)
```
#c307d4
```
#c307d4 rgb(195,7,212)
```
#d4c307
```
#d4c307 rgb(212,195,7)
```
#18d407
```
#18d407 rgb(24,212,7)
```

Tetradic Color

#7f058a
```
#7f058a rgb(127,5,138)
```
#9605a3
```
#9605a3 rgb(150,5,163)
```
#ac06bb
```
#ac06bb rgb(172,6,187)
```
#c307d4
```
#c307d4 rgb(195,7,212)
```
#da08ed
```
#da08ed rgb(218,8,237)
```
#e517f7
```
#e517f7 rgb(229,23,247)
```
#e72ff8
```
#e72ff8 rgb(231,47,248)
```

Monochromatic Color

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

#9007d4
```
#9007d4 rgb(144,7,212)
```
#a107d4
```
#a107d4 rgb(161,7,212)
```
#b207d4
```
#b207d4 rgb(178,7,212)
```
#c307d4
```
#c307d4 rgb(195,7,212)
```
#d407d4
```
#d407d4 rgb(212,7,212)
```
#d407c3
```
#d407c3 rgb(212,7,195)
```
#d407b2
```
#d407b2 rgb(212,7,178)
```

Similar Colors

Text with hexadecimal color #c307d4

This text has a font color of #c307d4.

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

#c307d4 background color

This paragraph has a background color of #c307d4.

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

#c307d4 border color

This element has a border color of #c307d4.

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

CSS codes

.text {color:#c307d4;}

.background {background-color:#c307d4;}

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

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

#030003
```
#030003 rgb(3,0,3)
```
#140116
```
#140116 rgb(20,1,22)
```
#260129
```
#260129 rgb(38,1,41)
```
#37023c
```
#37023c rgb(55,2,60)
```
#49034f
```
#49034f rgb(73,3,79)
```
#5a0362
```
#5a0362 rgb(90,3,98)
```
#6c0475
```
#6c0475 rgb(108,4,117)
```
#7d0488
```
#7d0488 rgb(125,4,136)
```
#8f059b
```
#8f059b rgb(143,5,155)
```
#a006ae
```
#a006ae rgb(160,6,174)
```
#b206c1
```
#b206c1 rgb(178,6,193)
```
#c307d4
```
#c307d4 rgb(195,7,212)
```
#d408e7
```
#d408e7 rgb(212,8,231)
```

Shade Color Variation

#e30bf7
```
#e30bf7 rgb(227,11,247)
```
#e61ef8
```
#e61ef8 rgb(230,30,248)
```
#e831f8
```
#e831f8 rgb(232,49,248)
```
#ea44f9
```
#ea44f9 rgb(234,68,249)
```
#ec57f9
```
#ec57f9 rgb(236,87,249)
```
#ee6afa
```
#ee6afa rgb(238,106,250)
```
#f07dfb
```
#f07dfb rgb(240,125,251)
```
#f290fb
```
#f290fb rgb(242,144,251)
```
#f5a3fc
```
#f5a3fc rgb(245,163,252)
```
#f7b6fd
```
#f7b6fd rgb(247,182,253)
```
#f9c9fd
```
#f9c9fd rgb(249,201,253)
```
#fbdcfe
```
#fbdcfe rgb(251,220,254)
```
#fdeffe
```
#fdeffe rgb(253,239,254)
```

Tint Color Variation

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

#6f6c6f
```
#6f6c6f rgb(111,108,111)
```
#766477
```
#766477 rgb(118,100,119)
```
#7d5b80
```
#7d5b80 rgb(125,91,128)
```
#845388
```
#845388 rgb(132,83,136)
```
#8b4a91
```
#8b4a91 rgb(139,74,145)
```
#924299
```
#924299 rgb(146,66,153)
```
#993aa1
```
#993aa1 rgb(153,58,161)
```
#a031aa
```
#a031aa rgb(160,49,170)
```
#a729b2
```
#a729b2 rgb(167,41,178)
```
#ae20bb
```
#ae20bb rgb(174,32,187)
```
#b518c3
```
#b518c3 rgb(181,24,195)
```
#bc0fcc
```
#bc0fcc rgb(188,15,204)
```
#c307d4
```
#c307d4 rgb(195,7,212)
```

Tone Color Variation

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

Dichromacy

#0074e3 Protanopia 1% of men
#3d79c2 Deuteranopia 1% of men
#b65c62 Tritanopia 0.001% of the population

Trichromacy

#464cde Protanomaly 1% of men, 0.01% of women
#6d4fc8 Deuteranomaly 6% of men, 0.4% of women
#bb3d8b Tritanomaly 0.01% of the population

#c307d4 hex color

#c307d4 Color Information

#c307d4 Color Conversion

Color Schemes with #c307d4

Alternatives to #c307d4

#c307d4 Preview

Shades and Tints of #c307d4

Tones of #c307d4

Color Blindness Simulator