colorhexa.com

#c306fb hex color

In a RGB color space, hex #c306fb is composed of 76.5% red, 2.4% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 22.3% cyan, 97.6% magenta, 0% yellow and 1.6% black. It has a hue angle of 286.3 degrees, a saturation of 96.8% and a lightness of 50.4%. #c306fb color hex could be obtained by blending #ff0cff with #8700f7. Closest websafe color is: #cc00ff.

- R 76
- G 2
- B 98
RGB color chart
- C 22
- M 98
- Y 0
- K 2
CMYK color chart

● #c306fb color description : Vivid magenta.

The hexadecimal color #c306fb has RGB values of R:195, G:6, B:251 and CMYK values of C:0.22, M:0.98, Y:0, K:0.02. Its decimal value is 12781307.

Hex triplet	c306fb	`#c306fb`
RGB Decimal	195, 6, 251	`rgb(195,6,251)`
RGB Percent	76.5, 2.4, 98.4	`rgb(76.5%,2.4%,98.4%)`
CMYK	22, 98, 0, 2
HSL	286.3°, 96.8, 50.4	`hsl(286.3,96.8%,50.4%)`
HSV (or HSB)	286.3°, 97.6, 98.4
Web Safe	cc00ff	`#cc00ff`

CIE-LAB	50.333, 88.717, -75.232
XYZ	39.981, 18.699, 92.765
xyY	0.264, 0.123, 18.699
CIE-LCH	50.333, 116.321, 319.702
CIE-LUV	50.333, 45.315, -122.537
Hunter-Lab	43.242, 89.364, -96.921
Binary	11000011, 00000110, 11111011

#c306fb
```
#c306fb rgb(195,6,251)
```
#3efb06
```
#3efb06 rgb(62,251,6)
```

Complementary Color

#4906fb
```
#4906fb rgb(73,6,251)
```
#c306fb
```
#c306fb rgb(195,6,251)
```
#fb06b9
```
#fb06b9 rgb(251,6,185)
```

Analogous Color

#06fb49
```
#06fb49 rgb(6,251,73)
```
#c306fb
```
#c306fb rgb(195,6,251)
```
#b9fb06
```
#b9fb06 rgb(185,251,6)
```

Split Complementary Color

#06fbc3
```
#06fbc3 rgb(6,251,195)
```
#c306fb
```
#c306fb rgb(195,6,251)
```
#fbc306
```
#fbc306 rgb(251,195,6)
```

Triadic Color

#8a03b2
```
#8a03b2 rgb(138,3,178)
```
#9d03cb
```
#9d03cb rgb(157,3,203)
```
#b104e4
```
#b104e4 rgb(177,4,228)
```
#c306fb
```
#c306fb rgb(195,6,251)
```
#c91ffb
```
#c91ffb rgb(201,31,251)
```
#cf38fc
```
#cf38fc rgb(207,56,252)
```
#d551fc
```
#d551fc rgb(213,81,252)
```

Monochromatic Color

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

#8606fb
```
#8606fb rgb(134,6,251)
```
#9a06fb
```
#9a06fb rgb(154,6,251)
```
#af06fb
```
#af06fb rgb(175,6,251)
```
#c306fb
```
#c306fb rgb(195,6,251)
```
#d706fb
```
#d706fb rgb(215,6,251)
```
#ec06fb
```
#ec06fb rgb(236,6,251)
```
#fb06f6
```
#fb06f6 rgb(251,6,246)
```

Similar Colors

Text with hexadecimal color #c306fb

This text has a font color of #c306fb.

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

#c306fb background color

This paragraph has a background color of #c306fb.

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

#c306fb border color

This element has a border color of #c306fb.

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

CSS codes

.text {color:#c306fb;}

.background {background-color:#c306fb;}

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

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 #fbeeff is the lightest one.

#020002
```
#020002 rgb(2,0,2)
```
#100015
```
#100015 rgb(16,0,21)
```
#1f0129
```
#1f0129 rgb(31,1,41)
```
#2e013c
```
#2e013c rgb(46,1,60)
```
#3d014f
```
#3d014f rgb(61,1,79)
```
#4c0262
```
#4c0262 rgb(76,2,98)
```
#5b0276
```
#5b0276 rgb(91,2,118)
```
#6a0289
```
#6a0289 rgb(106,2,137)
```
#79039c
```
#79039c rgb(121,3,156)
```
#8803b0
```
#8803b0 rgb(136,3,176)
```
#9703c3
```
#9703c3 rgb(151,3,195)
```
#a603d6
```
#a603d6 rgb(166,3,214)
```
#b504ea
```
#b504ea rgb(181,4,234)
```

Shade Color Variation

#c306fb
```
#c306fb rgb(195,6,251)
```
#c819fb
```
#c819fb rgb(200,25,251)
```
#cc2dfc
```
#cc2dfc rgb(204,45,252)
```
#d140fc
```
#d140fc rgb(209,64,252)
```
#d653fc
```
#d653fc rgb(214,83,252)
```
#da67fd
```
#da67fd rgb(218,103,253)
```
#df7afd
```
#df7afd rgb(223,122,253)
```
#e48dfd
```
#e48dfd rgb(228,141,253)
```
#e8a0fd
```
#e8a0fd rgb(232,160,253)
```
#edb4fe
```
#edb4fe rgb(237,180,254)
```
#f2c7fe
```
#f2c7fe rgb(242,199,254)
```
#f6dafe
```
#f6dafe rgb(246,218,254)
```
#fbeeff
```
#fbeeff rgb(251,238,255)
```

Tint Color Variation

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

#847b86
```
#847b86 rgb(132,123,134)
```
#897190
```
#897190 rgb(137,113,144)
```
#8e679a
```
#8e679a rgb(142,103,154)
```
#935ea3
```
#935ea3 rgb(147,94,163)
```
#9954ad
```
#9954ad rgb(153,84,173)
```
#9e4ab7
```
#9e4ab7 rgb(158,74,183)
```
#a340c1
```
#a340c1 rgb(163,64,193)
```
#a937ca
```
#a937ca rgb(169,55,202)
```
#ae2dd4
```
#ae2dd4 rgb(174,45,212)
```
#b323de
```
#b323de rgb(179,35,222)
```
#b819e8
```
#b819e8 rgb(184,25,232)
```
#be10f1
```
#be10f1 rgb(190,16,241)
```
#c306fb
```
#c306fb rgb(195,6,251)
```

Tone Color Variation

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

Dichromacy

#007bef Protanopia 1% of men
#0081d4 Deuteranopia 1% of men
#ae6b73 Tritanopia 0.001% of the population

Trichromacy

#4650f3 Protanomaly 1% of men, 0.01% of women
#4654e2 Deuteranomaly 6% of men, 0.4% of women
#b546a4 Tritanomaly 0.01% of the population