#cc31fd hex color

In a RGB color space, hex #cc31fd is composed of 80% red, 19.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 19.4% cyan, 80.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 285.6 degrees, a saturation of 98.1% and a lightness of 59.2%. #cc31fd color hex could be obtained by blending #ff62ff with #9900fb. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 80
- G 19
- B 99
RGB color chart
- C 19
- M 81
- Y 0
- K 1
CMYK color chart

● #cc31fd color description : Bright magenta.

The hexadecimal color #cc31fd has RGB values of R:204, G:49, B:253 and CMYK values of C:0.19, M:0.81, Y:0, K:0.01. Its decimal value is 13382141.

Hex triplet	cc31fd	`#cc31fd`
RGB Decimal	204, 49, 253	`rgb(204,49,253)`
RGB Percent	80, 19.2, 99.2	`rgb(80%,19.2%,99.2%)`
CMYK	19, 81, 0, 1
HSL	285.6°, 98.1, 59.2	`hsl(285.6,98.1%,59.2%)`
HSV (or HSB)	285.6°, 80.6, 99.2
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	54.162, 83.566, -70.068
XYZ	43.728, 22.128, 94.891
xyY	0.272, 0.138, 22.128
CIE-LCH	54.162, 109.054, 320.021
CIE-LUV	54.162, 47.21, -117.403
Hunter-Lab	47.04, 83.61, -86.674
Binary	11001100, 00110001, 11111101

#cc31fd
```
#cc31fd rgb(204,49,253)
```
#62fd31
```
#62fd31 rgb(98,253,49)
```

Complementary Color

#6631fd
```
#6631fd rgb(102,49,253)
```
#cc31fd
```
#cc31fd rgb(204,49,253)
```
#fd31c8
```
#fd31c8 rgb(253,49,200)
```

Analogous Color

#31fd66
```
#31fd66 rgb(49,253,102)
```
#cc31fd
```
#cc31fd rgb(204,49,253)
```
#c8fd31
```
#c8fd31 rgb(200,253,49)
```

Split Complementary Color

#31fdcc
```
#31fdcc rgb(49,253,204)
```
#cc31fd
```
#cc31fd rgb(204,49,253)
```
#fdcc31
```
#fdcc31 rgb(253,204,49)
```

Triadic Color

#3162fd
```
#3162fd rgb(49,98,253)
```
#cc31fd
```
#cc31fd rgb(204,49,253)
```
#fdcc31
```
#fdcc31 rgb(253,204,49)
```
#62fd31
```
#62fd31 rgb(98,253,49)
```

Tetradic Color

#aa02df
```
#aa02df rgb(170,2,223)
```
#bd02f9
```
#bd02f9 rgb(189,2,249)
```
#c618fd
```
#c618fd rgb(198,24,253)
```
#cc31fd
```
#cc31fd rgb(204,49,253)
```
#d24afd
```
#d24afd rgb(210,74,253)
```
#d964fd
```
#d964fd rgb(217,100,253)
```
#df7dfe
```
#df7dfe rgb(223,125,254)
```

Monochromatic Color

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

#9931fd
```
#9931fd rgb(153,49,253)
```
#aa31fd
```
#aa31fd rgb(170,49,253)
```
#bb31fd
```
#bb31fd rgb(187,49,253)
```
#cc31fd
```
#cc31fd rgb(204,49,253)
```
#dd31fd
```
#dd31fd rgb(221,49,253)
```
#ee31fd
```
#ee31fd rgb(238,49,253)
```
#fd31fb
```
#fd31fb rgb(253,49,251)
```

Similar Colors

Text with hexadecimal color #cc31fd

This text has a font color of #cc31fd.

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

#cc31fd background color

This paragraph has a background color of #cc31fd.

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

#cc31fd border color

This element has a border color of #cc31fd.

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

CSS codes

.text {color:#cc31fd;}

.background {background-color:#cc31fd;}

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

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

#060008
```
#060008 rgb(6,0,8)
```
#15001b
```
#15001b rgb(21,0,27)
```
#23002f
```
#23002f rgb(35,0,47)
```
#320142
```
#320142 rgb(50,1,66)
```
#410155
```
#410155 rgb(65,1,85)
```
#500169
```
#500169 rgb(80,1,105)
```
#5f017c
```
#5f017c rgb(95,1,124)
```
#6e0190
```
#6e0190 rgb(110,1,144)
```
#7c02a3
```
#7c02a3 rgb(124,2,163)
```
#8b02b7
```
#8b02b7 rgb(139,2,183)
```
#9a02ca
```
#9a02ca rgb(154,2,202)
```
#a902dd
```
#a902dd rgb(169,2,221)
```
#b802f1
```
#b802f1 rgb(184,2,241)
```

Shade Color Variation

#c20afd
```
#c20afd rgb(194,10,253)
```
#c71efd
```
#c71efd rgb(199,30,253)
```
#cc31fd
```
#cc31fd rgb(204,49,253)
```
#d144fd
```
#d144fd rgb(209,68,253)
```
#d658fd
```
#d658fd rgb(214,88,253)
```
#da6bfe
```
#da6bfe rgb(218,107,254)
```
#df7ffe
```
#df7ffe rgb(223,127,254)
```
#e492fe
```
#e492fe rgb(228,146,254)
```
#e9a6fe
```
#e9a6fe rgb(233,166,254)
```
#eeb9fe
```
#eeb9fe rgb(238,185,254)
```
#f2ccff
```
#f2ccff rgb(242,204,255)
```
#f7e0ff
```
#f7e0ff rgb(247,224,255)
```
#fcf3ff
```
#fcf3ff rgb(252,243,255)
```

Tint Color Variation

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

#9a919d
```
#9a919d rgb(154,145,157)
```
#9e89a5
```
#9e89a5 rgb(158,137,165)
```
#a281ad
```
#a281ad rgb(162,129,173)
```
#a779b5
```
#a779b5 rgb(167,121,181)
```
#ab71bd
```
#ab71bd rgb(171,113,189)
```
#af69c5
```
#af69c5 rgb(175,105,197)
```
#b361cd
```
#b361cd rgb(179,97,205)
```
#b759d5
```
#b759d5 rgb(183,89,213)
```
#bb51dd
```
#bb51dd rgb(187,81,221)
```
#c049e5
```
#c049e5 rgb(192,73,229)
```
#c441ed
```
#c441ed rgb(196,65,237)
```
#c839f5
```
#c839f5 rgb(200,57,245)
```
#cc31fd
```
#cc31fd rgb(204,49,253)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#886992 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1f84ff Protanopia 1% of men
#008ae6 Deuteranopia 1% of men
#b8747c Tritanopia 0.001% of the population

Trichromacy

#5e65fe Protanomaly 1% of men, 0.01% of women
#4a69ee Deuteranomaly 6% of men, 0.4% of women
#bf5cab Tritanomaly 0.01% of the population

#cc31fd hex color

#cc31fd Color Information

#cc31fd Color Conversion

Color Schemes with #cc31fd

Alternatives to #cc31fd

#cc31fd Preview

Shades and Tints of #cc31fd

Tones of #cc31fd

Color Blindness Simulator