#cc31e9 hex color

In a RGB color space, hex #cc31e9 is composed of 80% red, 19.2% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 12.4% cyan, 79% magenta, 0% yellow and 8.6% black. It has a hue angle of 290.5 degrees, a saturation of 80.7% and a lightness of 55.3%. #cc31e9 color hex could be obtained by blending #ff62ff with #9900d3. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 80
- G 19
- B 91
RGB color chart
- C 12
- M 79
- Y 0
- K 9
CMYK color chart

● #cc31e9 color description : Bright magenta.

The hexadecimal color #cc31e9 has RGB values of R:204, G:49, B:233 and CMYK values of C:0.12, M:0.79, Y:0, K:0.09. Its decimal value is 13382121.

Hex triplet	cc31e9	`#cc31e9`
RGB Decimal	204, 49, 233	`rgb(204,49,233)`
RGB Percent	80, 19.2, 91.4	`rgb(80%,19.2%,91.4%)`
CMYK	12, 79, 0, 9
HSL	290.5°, 80.7, 55.3	`hsl(290.5,80.7%,55.3%)`
HSV (or HSB)	290.5°, 79, 91.4
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	52.861, 80.073, -60.975
XYZ	40.707, 20.919, 78.98
xyY	0.29, 0.149, 20.919
CIE-LCH	52.861, 100.646, 322.711
CIE-LUV	52.861, 53.235, -103.081
Hunter-Lab	45.738, 78.825, -70.366
Binary	11001100, 00110001, 11101001

#cc31e9
```
#cc31e9 rgb(204,49,233)
```
#4ee931
```
#4ee931 rgb(78,233,49)
```

Complementary Color

#7031e9
```
#7031e9 rgb(112,49,233)
```
#cc31e9
```
#cc31e9 rgb(204,49,233)
```
#e931aa
```
#e931aa rgb(233,49,170)
```

Analogous Color

#31e970
```
#31e970 rgb(49,233,112)
```
#cc31e9
```
#cc31e9 rgb(204,49,233)
```
#aae931
```
#aae931 rgb(170,233,49)
```

Split Complementary Color

#31e9cc
```
#31e9cc rgb(49,233,204)
```
#cc31e9
```
#cc31e9 rgb(204,49,233)
```
#e9cc31
```
#e9cc31 rgb(233,204,49)
```

Triadic Color

#314ee9
```
#314ee9 rgb(49,78,233)
```
#cc31e9
```
#cc31e9 rgb(204,49,233)
```
#e9cc31
```
#e9cc31 rgb(233,204,49)
```
#4ee931
```
#4ee931 rgb(78,233,49)
```

Tetradic Color

#a014ba
```
#a014ba rgb(160,20,186)
```
#b316d1
```
#b316d1 rgb(179,22,209)
```
#c61ae7
```
#c61ae7 rgb(198,26,231)
```
#cc31e9
```
#cc31e9 rgb(204,49,233)
```
#d248eb
```
#d248eb rgb(210,72,235)
```
#d75fee
```
#d75fee rgb(215,95,238)
```
#dd76f0
```
#dd76f0 rgb(221,118,240)
```

Monochromatic Color

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

#9e31e9
```
#9e31e9 rgb(158,49,233)
```
#ad31e9
```
#ad31e9 rgb(173,49,233)
```
#bd31e9
```
#bd31e9 rgb(189,49,233)
```
#cc31e9
```
#cc31e9 rgb(204,49,233)
```
#db31e9
```
#db31e9 rgb(219,49,233)
```
#e931e7
```
#e931e7 rgb(233,49,231)
```
#e931d8
```
#e931d8 rgb(233,49,216)
```

Similar Colors

Text with hexadecimal color #cc31e9

This text has a font color of #cc31e9.

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

#cc31e9 background color

This paragraph has a background color of #cc31e9.

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

#cc31e9 border color

This element has a border color of #cc31e9.

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

CSS codes

.text {color:#cc31e9;}

.background {background-color:#cc31e9;}

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

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

#060107
```
#060107 rgb(6,1,7)
```
#150318
```
#150318 rgb(21,3,24)
```
#24042a
```
#24042a rgb(36,4,42)
```
#33063c
```
#33063c rgb(51,6,60)
```
#43084e
```
#43084e rgb(67,8,78)
```
#520a5f
```
#520a5f rgb(82,10,95)
```
#610c71
```
#610c71 rgb(97,12,113)
```
#700e83
```
#700e83 rgb(112,14,131)
```
#801094
```
#801094 rgb(128,16,148)
```
#8f12a6
```
#8f12a6 rgb(143,18,166)
```
#9e14b8
```
#9e14b8 rgb(158,20,184)
```
#ad16ca
```
#ad16ca rgb(173,22,202)
```
#bc17db
```
#bc17db rgb(188,23,219)
```

Shade Color Variation

#c81fe7
```
#c81fe7 rgb(200,31,231)
```
#cc31e9
```
#cc31e9 rgb(204,49,233)
```
#d043eb
```
#d043eb rgb(208,67,235)
```
#d554ed
```
#d554ed rgb(213,84,237)
```
#d966ef
```
#d966ef rgb(217,102,239)
```
#de78f1
```
#de78f1 rgb(222,120,241)
```
#e28af2
```
#e28af2 rgb(226,138,242)
```
#e69bf4
```
#e69bf4 rgb(230,155,244)
```
#ebadf6
```
#ebadf6 rgb(235,173,246)
```
#efbff8
```
#efbff8 rgb(239,191,248)
```
#f3d1fa
```
#f3d1fa rgb(243,209,250)
```
#f8e2fc
```
#f8e2fc rgb(248,226,252)
```
#fcf4fe
```
#fcf4fe rgb(252,244,254)
```

Tint Color Variation

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

#908991
```
#908991 rgb(144,137,145)
```
#96809a
```
#96809a rgb(150,128,154)
```
#9c77a3
```
#9c77a3 rgb(156,119,163)
```
#a26eac
```
#a26eac rgb(162,110,172)
```
#a866b4
```
#a866b4 rgb(168,102,180)
```
#ae5dbd
```
#ae5dbd rgb(174,93,189)
```
#b454c6
```
#b454c6 rgb(180,84,198)
```
#ba4bcf
```
#ba4bcf rgb(186,75,207)
```
#c043d7
```
#c043d7 rgb(192,67,215)
```
#c63ae0
```
#c63ae0 rgb(198,58,224)
```
#cc31e9
```
#cc31e9 rgb(204,49,233)
```
#d228f2
```
#d228f2 rgb(210,40,242)
```
#d81ffb
```
#d81ffb rgb(216,31,251)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#86678b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fb Protanopia 1% of men
#4286d6 Deuteranopia 1% of men
#bd6d74 Tritanopia 0.001% of the population

Trichromacy

#4a63f4 Protanomaly 1% of men, 0.01% of women
#7467dd Deuteranomaly 6% of men, 0.4% of women
#c2579f Tritanomaly 0.01% of the population

#cc31e9 hex color

#cc31e9 Color Information

#cc31e9 Color Conversion

Color Schemes with #cc31e9

Alternatives to #cc31e9

#cc31e9 Preview

Shades and Tints of #cc31e9

Tones of #cc31e9

Color Blindness Simulator