#c306b5 hex color

In a RGB color space, hex #c306b5 is composed of 76.5% red, 2.4% green and 71% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 96.9% magenta, 7.2% yellow and 23.5% black. It has a hue angle of 304.4 degrees, a saturation of 94% and a lightness of 39.4%. #c306b5 color hex could be obtained by blending #ff0cff with #87006b. Closest websafe color is: #cc00cc.

♥
- f
- t
- g
- R 76
- G 2
- B 71
RGB color chart
- C 0
- M 97
- Y 7
- K 24
CMYK color chart

● #c306b5 color description : Strong magenta.

The hexadecimal color #c306b5 has RGB values of R:195, G:6, B:181 and CMYK values of C:0, M:0.97, Y:0.07, K:0.24. Its decimal value is 12781237.

Hex triplet	c306b5	`#c306b5`
RGB Decimal	195, 6, 181	`rgb(195,6,181)`
RGB Percent	76.5, 2.4, 71	`rgb(76.5%,2.4%,71%)`
CMYK	0, 97, 7, 24
HSL	304.4°, 94, 39.4	`hsl(304.4,94%,39.4%)`
HSV (or HSB)	304.4°, 96.9, 76.5
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	45.731, 77.761, -42.536
XYZ	30.911, 15.071, 44.995
xyY	0.34, 0.166, 15.071
CIE-LCH	45.731, 88.635, 331.321
CIE-LUV	45.731, 69.921, -72.698
Hunter-Lab	38.821, 74.191, -41.543
Binary	11000011, 00000110, 10110101

#c306b5
```
#c306b5 rgb(195,6,181)
```
#06c314
```
#06c314 rgb(6,195,20)
```

Complementary Color

#7306c3
```
#7306c3 rgb(115,6,195)
```
#c306b5
```
#c306b5 rgb(195,6,181)
```
#c30657
```
#c30657 rgb(195,6,87)
```

Analogous Color

#06c373
```
#06c373 rgb(6,195,115)
```
#c306b5
```
#c306b5 rgb(195,6,181)
```
#57c306
```
#57c306 rgb(87,195,6)
```

Split Complementary Color

#06b5c3
```
#06b5c3 rgb(6,181,195)
```
#c306b5
```
#c306b5 rgb(195,6,181)
```
#b5c306
```
#b5c306 rgb(181,195,6)
```

Triadic Color

#1406c3
```
#1406c3 rgb(20,6,195)
```
#c306b5
```
#c306b5 rgb(195,6,181)
```
#b5c306
```
#b5c306 rgb(181,195,6)
```
#06c314
```
#06c314 rgb(6,195,20)
```

Tetradic Color

#790470
```
#790470 rgb(121,4,112)
```
#920487
```
#920487 rgb(146,4,135)
```
#aa059e
```
#aa059e rgb(170,5,158)
```
#c306b5
```
#c306b5 rgb(195,6,181)
```
#dc07cc
```
#dc07cc rgb(220,7,204)
```
#f408e3
```
#f408e3 rgb(244,8,227)
```
#f81de8
```
#f81de8 rgb(248,29,232)
```

Monochromatic Color

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

#a206c3
```
#a206c3 rgb(162,6,195)
```
#b206c3
```
#b206c3 rgb(178,6,195)
```
#c106c3
```
#c106c3 rgb(193,6,195)
```
#c306b5
```
#c306b5 rgb(195,6,181)
```
#c306a5
```
#c306a5 rgb(195,6,165)
```
#c30696
```
#c30696 rgb(195,6,150)
```
#c30686
```
#c30686 rgb(195,6,134)
```

Similar Colors

Text with hexadecimal color #c306b5

This text has a font color of #c306b5.

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

#c306b5 background color

This paragraph has a background color of #c306b5.

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

#c306b5 border color

This element has a border color of #c306b5.

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

CSS codes

.text {color:#c306b5;}

.background {background-color:#c306b5;}

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

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

#050004
```
#050004 rgb(5,0,4)
```
#180116
```
#180116 rgb(24,1,22)
```
#2b0128
```
#2b0128 rgb(43,1,40)
```
#3e0239
```
#3e0239 rgb(62,2,57)
```
#51024b
```
#51024b rgb(81,2,75)
```
#64035d
```
#64035d rgb(100,3,93)
```
#77046e
```
#77046e rgb(119,4,110)
```
#8a0480
```
#8a0480 rgb(138,4,128)
```
#9d0592
```
#9d0592 rgb(157,5,146)
```
#b005a3
```
#b005a3 rgb(176,5,163)
```
#c306b5
```
#c306b5 rgb(195,6,181)
```
#d607c7
```
#d607c7 rgb(214,7,199)
```
#e907d8
```
#e907d8 rgb(233,7,216)
```

Shade Color Variation

#f80ce6
```
#f80ce6 rgb(248,12,230)
```
#f81fe8
```
#f81fe8 rgb(248,31,232)
```
#f932ea
```
#f932ea rgb(249,50,234)
```
#f945ec
```
#f945ec rgb(249,69,236)
```
#fa58ee
```
#fa58ee rgb(250,88,238)
```
#fa6bf0
```
#fa6bf0 rgb(250,107,240)
```
#fb7ef2
```
#fb7ef2 rgb(251,126,242)
```
#fc92f4
```
#fc92f4 rgb(252,146,244)
```
#fca5f6
```
#fca5f6 rgb(252,165,246)
```
#fdb8f8
```
#fdb8f8 rgb(253,184,248)
```
#fdcbfa
```
#fdcbfa rgb(253,203,250)
```
#fedefc
```
#fedefc rgb(254,222,252)
```
#fff1fe
```
#fff1fe rgb(255,241,254)
```

Tint Color Variation

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

#666366
```
#666366 rgb(102,99,102)
```
#6e5b6d
```
#6e5b6d rgb(110,91,109)
```
#765373
```
#765373 rgb(118,83,115)
```
#7d4c7a
```
#7d4c7a rgb(125,76,122)
```
#854480
```
#854480 rgb(133,68,128)
```
#8d3c87
```
#8d3c87 rgb(141,60,135)
```
#95348d
```
#95348d rgb(149,52,141)
```
#9c2d94
```
#9c2d94 rgb(156,45,148)
```
#a4259b
```
#a4259b rgb(164,37,155)
```
#ac1da1
```
#ac1da1 rgb(172,29,161)
```
#b415a8
```
#b415a8 rgb(180,21,168)
```
#bb0eae
```
#bb0eae rgb(187,14,174)
```
#c306b5
```
#c306b5 rgb(195,6,181)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#694366 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#5a73a7 Deuteranopia 1% of men
#bb4f54 Tritanopia 0.001% of the population

Trichromacy

#4649cd Protanomaly 1% of men, 0.01% of women
#804bac Deuteranomaly 6% of men, 0.4% of women
#be3577 Tritanomaly 0.01% of the population

#c306b5 hex color

#c306b5 Color Information

#c306b5 Color Conversion

Color Schemes with #c306b5

Alternatives to #c306b5

#c306b5 Preview

Shades and Tints of #c306b5

Tones of #c306b5

Color Blindness Simulator