#c300bb hex color

In a RGB color space, hex #c300bb is composed of 76.5% red, 0% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 4.1% yellow and 23.5% black. It has a hue angle of 302.5 degrees, a saturation of 100% and a lightness of 38.2%. #c300bb color hex could be obtained by blending #ff00ff with #870077. Closest websafe color is: #cc00cc.

♥
- f
- t
- g
- R 76
- G 0
- B 73
RGB color chart
- C 0
- M 100
- Y 4
- K 24
CMYK color chart

● #c300bb color description : Strong magenta.

The hexadecimal color #c300bb has RGB values of R:195, G:0, B:187 and CMYK values of C:0, M:1, Y:0.04, K:0.24. Its decimal value is 12779707.

Hex triplet	c300bb	`#c300bb`
RGB Decimal	195, 0, 187	`rgb(195,0,187)`
RGB Percent	76.5, 0, 73.3	`rgb(76.5%,0%,73.3%)`
CMYK	0, 100, 4, 24
HSL	302.5°, 100, 38.2	`hsl(302.5,100%,38.2%)`
HSV (or HSB)	302.5°, 100, 76.5
Web Safe	cc00cc	`#cc00cc`

CIE-LAB	45.896, 79.127, -45.798
XYZ	31.475, 15.192, 48.286
xyY	0.331, 0.16, 15.192
CIE-LCH	45.896, 91.425, 329.938
CIE-LUV	45.896, 67.795, -77.61
Hunter-Lab	38.977, 75.932, -46.165
Binary	11000011, 00000000, 10111011

#c300bb
```
#c300bb rgb(195,0,187)
```
#00c308
```
#00c308 rgb(0,195,8)
```

Complementary Color

#6a00c3
```
#6a00c3 rgb(106,0,195)
```
#c300bb
```
#c300bb rgb(195,0,187)
```
#c3005a
```
#c3005a rgb(195,0,90)
```

Analogous Color

#00c36a
```
#00c36a rgb(0,195,106)
```
#c300bb
```
#c300bb rgb(195,0,187)
```
#5ac300
```
#5ac300 rgb(90,195,0)
```

Split Complementary Color

#00bbc3
```
#00bbc3 rgb(0,187,195)
```
#c300bb
```
#c300bb rgb(195,0,187)
```
#bbc300
```
#bbc300 rgb(187,195,0)
```

Triadic Color

#0800c3
```
#0800c3 rgb(8,0,195)
```
#c300bb
```
#c300bb rgb(195,0,187)
```
#bbc300
```
#bbc300 rgb(187,195,0)
```
#00c308
```
#00c308 rgb(0,195,8)
```

Tetradic Color

#770072
```
#770072 rgb(119,0,114)
```
#90008a
```
#90008a rgb(144,0,138)
```
#aa00a3
```
#aa00a3 rgb(170,0,163)
```
#c300bb
```
#c300bb rgb(195,0,187)
```
#dd00d3
```
#dd00d3 rgb(221,0,211)
```
#f600ec
```
#f600ec rgb(246,0,236)
```
#ff11f5
```
#ff11f5 rgb(255,17,245)
```

Monochromatic Color

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

#9a00c3
```
#9a00c3 rgb(154,0,195)
```
#ab00c3
```
#ab00c3 rgb(171,0,195)
```
#bb00c3
```
#bb00c3 rgb(187,0,195)
```
#c300bb
```
#c300bb rgb(195,0,187)
```
#c300ab
```
#c300ab rgb(195,0,171)
```
#c3009b
```
#c3009b rgb(195,0,155)
```
#c3008a
```
#c3008a rgb(195,0,138)
```

Similar Colors

Text with hexadecimal color #c300bb

This text has a font color of #c300bb.

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

#c300bb background color

This paragraph has a background color of #c300bb.

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

#c300bb border color

This element has a border color of #c300bb.

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

CSS codes

.text {color:#c300bb;}

.background {background-color:#c300bb;}

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

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

#120012
```
#120012 rgb(18,0,18)
```
#260025
```
#260025 rgb(38,0,37)
```
#3a0037
```
#3a0037 rgb(58,0,55)
```
#4d004a
```
#4d004a rgb(77,0,74)
```
#61005d
```
#61005d rgb(97,0,93)
```
#750070
```
#750070 rgb(117,0,112)
```
#880083
```
#880083 rgb(136,0,131)
```
#9c0095
```
#9c0095 rgb(156,0,149)
```
#af00a8
```
#af00a8 rgb(175,0,168)
```
#c300bb
```
#c300bb rgb(195,0,187)
```
#d700ce
```
#d700ce rgb(215,0,206)
```
#ea00e1
```
#ea00e1 rgb(234,0,225)
```
#fe00f3
```
#fe00f3 rgb(254,0,243)
```

Shade Color Variation

#ff12f5
```
#ff12f5 rgb(255,18,245)
```
#ff26f6
```
#ff26f6 rgb(255,38,246)
```
#ff3af7
```
#ff3af7 rgb(255,58,247)
```
#ff4df8
```
#ff4df8 rgb(255,77,248)
```
#ff61f9
```
#ff61f9 rgb(255,97,249)
```
#ff75f9
```
#ff75f9 rgb(255,117,249)
```
#ff88fa
```
#ff88fa rgb(255,136,250)
```
#ff9cfb
```
#ff9cfb rgb(255,156,251)
```
#ffaffc
```
#ffaffc rgb(255,175,252)
```
#ffc3fd
```
#ffc3fd rgb(255,195,253)
```
#ffd7fd
```
#ffd7fd rgb(255,215,253)
```
#ffeafe
```
#ffeafe rgb(255,234,254)
```
#fffeff
```
#fffeff rgb(255,254,255)
```

Tint Color Variation

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

#695a68
```
#695a68 rgb(105,90,104)
```
#71536f
```
#71536f rgb(113,83,111)
```
#784b76
```
#784b76 rgb(120,75,118)
```
#80447d
```
#80447d rgb(128,68,125)
```
#873c84
```
#873c84 rgb(135,60,132)
```
#8f358b
```
#8f358b rgb(143,53,139)
```
#962d92
```
#962d92 rgb(150,45,146)
```
#9e2699
```
#9e2699 rgb(158,38,153)
```
#a51e9f
```
#a51e9f rgb(165,30,159)
```
#ad17a6
```
#ad17a6 rgb(173,23,166)
```
#b40fad
```
#b40fad rgb(180,15,173)
```
#bc08b4
```
#bc08b4 rgb(188,8,180)
```
#c300bb
```
#c300bb rgb(195,0,187)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#674065 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070dc Protanopia 1% of men
#5574ac Deuteranopia 1% of men
#ba5156 Tritanopia 0.001% of the population

Trichromacy

#4647d0 Protanomaly 1% of men, 0.01% of women
#7d49b1 Deuteranomaly 6% of men, 0.4% of women
#bd337a Tritanomaly 0.01% of the population

#c300bb hex color

#c300bb Color Information

#c300bb Color Conversion

Color Schemes with #c300bb

Alternatives to #c300bb

#c300bb Preview

Shades and Tints of #c300bb

Tones of #c300bb

Color Blindness Simulator