#cc2bff hex color

In a RGB color space, hex #cc2bff is composed of 80% red, 16.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 83.1% magenta, 0% yellow and 0% black. It has a hue angle of 285.6 degrees, a saturation of 100% and a lightness of 58.4%. #cc2bff color hex could be obtained by blending #ff56ff with #9900ff. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 80
- G 17
- B 100
RGB color chart
- C 20
- M 83
- Y 0
- K 0
CMYK color chart

● #cc2bff color description : Vivid magenta.

The hexadecimal color #cc2bff has RGB values of R:204, G:43, B:255 and CMYK values of C:0.2, M:0.83, Y:0, K:0. Its decimal value is 13380607.

Hex triplet	cc2bff	`#cc2bff`
RGB Decimal	204, 43, 255	`rgb(204,43,255)`
RGB Percent	80, 16.9, 100	`rgb(80%,16.9%,100%)`
CMYK	20, 83, 0, 0
HSL	285.6°, 100, 58.4	`hsl(285.6,100%,58.4%)`
HSV (or HSB)	285.6°, 83.1, 100
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	53.8, 85.379, -71.766
XYZ	43.814, 21.787, 96.5
xyY	0.27, 0.134, 21.787
CIE-LCH	53.8, 111.534, 319.951
CIE-LUV	53.8, 47.314, -119.804
Hunter-Lab	46.677, 85.867, -89.903
Binary	11001100, 00101011, 11111111

#cc2bff
```
#cc2bff rgb(204,43,255)
```
#5eff2b
```
#5eff2b rgb(94,255,43)
```

Complementary Color

#622bff
```
#622bff rgb(98,43,255)
```
#cc2bff
```
#cc2bff rgb(204,43,255)
```
#ff2bc8
```
#ff2bc8 rgb(255,43,200)
```

Analogous Color

#2bff62
```
#2bff62 rgb(43,255,98)
```
#cc2bff
```
#cc2bff rgb(204,43,255)
```
#c8ff2b
```
#c8ff2b rgb(200,255,43)
```

Split Complementary Color

#2bffcc
```
#2bffcc rgb(43,255,204)
```
#cc2bff
```
#cc2bff rgb(204,43,255)
```
#ffcc2b
```
#ffcc2b rgb(255,204,43)
```

Triadic Color

#2b5eff
```
#2b5eff rgb(43,94,255)
```
#cc2bff
```
#cc2bff rgb(204,43,255)
```
#ffcc2b
```
#ffcc2b rgb(255,204,43)
```
#5eff2b
```
#5eff2b rgb(94,255,43)
```

Tetradic Color

#a800de
```
#a800de rgb(168,0,222)
```
#bc00f7
```
#bc00f7 rgb(188,0,247)
```
#c612ff
```
#c612ff rgb(198,18,255)
```
#cc2bff
```
#cc2bff rgb(204,43,255)
```
#d245ff
```
#d245ff rgb(210,69,255)
```
#d85eff
```
#d85eff rgb(216,94,255)
```
#de78ff
```
#de78ff rgb(222,120,255)
```

Monochromatic Color

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

#972bff
```
#972bff rgb(151,43,255)
```
#a92bff
```
#a92bff rgb(169,43,255)
```
#ba2bff
```
#ba2bff rgb(186,43,255)
```
#cc2bff
```
#cc2bff rgb(204,43,255)
```
#de2bff
```
#de2bff rgb(222,43,255)
```
#ef2bff
```
#ef2bff rgb(239,43,255)
```
#ff2bfd
```
#ff2bfd rgb(255,43,253)
```

Similar Colors

Text with hexadecimal color #cc2bff

This text has a font color of #cc2bff.

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

#cc2bff background color

This paragraph has a background color of #cc2bff.

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

#cc2bff border color

This element has a border color of #cc2bff.

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

CSS codes

.text {color:#cc2bff;}

.background {background-color:#cc2bff;}

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

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

#030004
```
#030004 rgb(3,0,4)
```
#120017
```
#120017 rgb(18,0,23)
```
#21002b
```
#21002b rgb(33,0,43)
```
#30003f
```
#30003f rgb(48,0,63)
```
#3e0052
```
#3e0052 rgb(62,0,82)
```
#4d0066
```
#4d0066 rgb(77,0,102)
```
#5c0079
```
#5c0079 rgb(92,0,121)
```
#6b008d
```
#6b008d rgb(107,0,141)
```
#7a00a1
```
#7a00a1 rgb(122,0,161)
```
#8900b4
```
#8900b4 rgb(137,0,180)
```
#9800c8
```
#9800c8 rgb(152,0,200)
```
#a700dc
```
#a700dc rgb(167,0,220)
```
#b600ef
```
#b600ef rgb(182,0,239)
```

Shade Color Variation

#c304ff
```
#c304ff rgb(195,4,255)
```
#c717ff
```
#c717ff rgb(199,23,255)
```
#cc2bff
```
#cc2bff rgb(204,43,255)
```
#d13fff
```
#d13fff rgb(209,63,255)
```
#d552ff
```
#d552ff rgb(213,82,255)
```
#da66ff
```
#da66ff rgb(218,102,255)
```
#df79ff
```
#df79ff rgb(223,121,255)
```
#e48dff
```
#e48dff rgb(228,141,255)
```
#e8a1ff
```
#e8a1ff rgb(232,161,255)
```
#edb4ff
```
#edb4ff rgb(237,180,255)
```
#f2c8ff
```
#f2c8ff rgb(242,200,255)
```
#f6dcff
```
#f6dcff rgb(246,220,255)
```
#fbefff
```
#fbefff rgb(251,239,255)
```

Tint Color Variation

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

#998d9d
```
#998d9d rgb(153,141,157)
```
#9d85a5
```
#9d85a5 rgb(157,133,165)
```
#a27dad
```
#a27dad rgb(162,125,173)
```
#a674b6
```
#a674b6 rgb(166,116,182)
```
#aa6cbe
```
#aa6cbe rgb(170,108,190)
```
#ae64c6
```
#ae64c6 rgb(174,100,198)
```
#b35cce
```
#b35cce rgb(179,92,206)
```
#b754d6
```
#b754d6 rgb(183,84,214)
```
#bb4cde
```
#bb4cde rgb(187,76,222)
```
#bf43e7
```
#bf43e7 rgb(191,67,231)
```
#c43bef
```
#c43bef rgb(196,59,239)
```
#c833f7
```
#c833f7 rgb(200,51,247)
```
#cc2bff
```
#cc2bff rgb(204,43,255)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#85658f Atypical Achromatopsia 0.001% of the population

Dichromacy

#1283ff Protanopia 1% of men
#0089e4 Deuteranopia 1% of men
#b8737b Tritanopia 0.001% of the population

Trichromacy

#5563ff Protanomaly 1% of men, 0.01% of women
#4a67ee Deuteranomaly 6% of men, 0.4% of women
#bf59ab Tritanomaly 0.01% of the population

#cc2bff hex color

#cc2bff Color Information

#cc2bff Color Conversion

Color Schemes with #cc2bff

Alternatives to #cc2bff

#cc2bff Preview

Shades and Tints of #cc2bff

Tones of #cc2bff

Color Blindness Simulator