#cc78f2 hex color

In a RGB color space, hex #cc78f2 is composed of 80% red, 47.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 15.7% cyan, 50.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 281.3 degrees, a saturation of 82.4% and a lightness of 71%. #cc78f2 color hex could be obtained by blending #fff0ff with #9900e5. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 80
- G 47
- B 95
RGB color chart
- C 16
- M 50
- Y 0
- K 5
CMYK color chart

● #cc78f2 color description : Soft violet.

The hexadecimal color #cc78f2 has RGB values of R:204, G:120, B:242 and CMYK values of C:0.16, M:0.5, Y:0, K:0.05. Its decimal value is 13400306.

Hex triplet	cc78f2	`#cc78f2`
RGB Decimal	204, 120, 242	`rgb(204,120,242)`
RGB Percent	80, 47.1, 94.9	`rgb(80%,47.1%,94.9%)`
CMYK	16, 50, 0, 5
HSL	281.3°, 82.4, 71	`hsl(281.3,82.4%,71%)`
HSV (or HSB)	281.3°, 50.4, 94.9
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	63.903, 52.774, -48.39
XYZ	47.643, 32.682, 87.798
xyY	0.283, 0.194, 32.682
CIE-LCH	63.903, 71.601, 317.481
CIE-LUV	63.903, 33.227, -84.107
Hunter-Lab	57.169, 48.714, -51.038
Binary	11001100, 01111000, 11110010

#cc78f2
```
#cc78f2 rgb(204,120,242)
```
#9ef278
```
#9ef278 rgb(158,242,120)
```

Complementary Color

#8f78f2
```
#8f78f2 rgb(143,120,242)
```
#cc78f2
```
#cc78f2 rgb(204,120,242)
```
#f278db
```
#f278db rgb(242,120,219)
```

Analogous Color

#78f28f
```
#78f28f rgb(120,242,143)
```
#cc78f2
```
#cc78f2 rgb(204,120,242)
```
#dbf278
```
#dbf278 rgb(219,242,120)
```

Split Complementary Color

#78f2cc
```
#78f2cc rgb(120,242,204)
```
#cc78f2
```
#cc78f2 rgb(204,120,242)
```
#f2cc78
```
#f2cc78 rgb(242,204,120)
```

Triadic Color

#789ef2
```
#789ef2 rgb(120,158,242)
```
#cc78f2
```
#cc78f2 rgb(204,120,242)
```
#f2cc78
```
#f2cc78 rgb(242,204,120)
```
#9ef278
```
#9ef278 rgb(158,242,120)
```

Tetradic Color

#b232eb
```
#b232eb rgb(178,50,235)
```
#ba49ee
```
#ba49ee rgb(186,73,238)
```
#c361f0
```
#c361f0 rgb(195,97,240)
```
#cc78f2
```
#cc78f2 rgb(204,120,242)
```
#d58ff4
```
#d58ff4 rgb(213,143,244)
```
#dea7f6
```
#dea7f6 rgb(222,167,246)
```
#e6bef9
```
#e6bef9 rgb(230,190,249)
```

Monochromatic Color

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

#ae78f2
```
#ae78f2 rgb(174,120,242)
```
#b878f2
```
#b878f2 rgb(184,120,242)
```
#c278f2
```
#c278f2 rgb(194,120,242)
```
#cc78f2
```
#cc78f2 rgb(204,120,242)
```
#d678f2
```
#d678f2 rgb(214,120,242)
```
#e078f2
```
#e078f2 rgb(224,120,242)
```
#eb78f2
```
#eb78f2 rgb(235,120,242)
```

Similar Colors

Text with hexadecimal color #cc78f2

This text has a font color of #cc78f2.

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

#cc78f2 background color

This paragraph has a background color of #cc78f2.

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

#cc78f2 border color

This element has a border color of #cc78f2.

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

CSS codes

.text {color:#cc78f2;}

.background {background-color:#cc78f2;}

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

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

#060108
```
#060108 rgb(6,1,8)
```
#13031a
```
#13031a rgb(19,3,26)
```
#20042c
```
#20042c rgb(32,4,44)
```
#2c063e
```
#2c063e rgb(44,6,62)
```
#390850
```
#390850 rgb(57,8,80)
```
#460962
```
#460962 rgb(70,9,98)
```
#530b73
```
#530b73 rgb(83,11,115)
```
#600d85
```
#600d85 rgb(96,13,133)
```
#6d0f97
```
#6d0f97 rgb(109,15,151)
```
#7a10a9
```
#7a10a9 rgb(122,16,169)
```
#8612bb
```
#8612bb rgb(134,18,187)
```
#9314cd
```
#9314cd rgb(147,20,205)
```
#a015df
```
#a015df rgb(160,21,223)
```

Shade Color Variation

#aa1fe9
```
#aa1fe9 rgb(170,31,233)
```
#b130eb
```
#b130eb rgb(177,48,235)
```
#b842ed
```
#b842ed rgb(184,66,237)
```
#be54ef
```
#be54ef rgb(190,84,239)
```
#c566f0
```
#c566f0 rgb(197,102,240)
```
#cc78f2
```
#cc78f2 rgb(204,120,242)
```
#d38af4
```
#d38af4 rgb(211,138,244)
```
#da9cf5
```
#da9cf5 rgb(218,156,245)
```
#e0aef7
```
#e0aef7 rgb(224,174,247)
```
#e7c0f9
```
#e7c0f9 rgb(231,192,249)
```
#eed1fb
```
#eed1fb rgb(238,209,251)
```
#f5e3fc
```
#f5e3fc rgb(245,227,252)
```
#fbf5fe
```
#fbf5fe rgb(251,245,254)
```

Tint Color Variation

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

#b7b1b9
```
#b7b1b9 rgb(183,177,185)
```
#b9abbf
```
#b9abbf rgb(185,171,191)
```
#bba6c4
```
#bba6c4 rgb(187,166,196)
```
#bda0ca
```
#bda0ca rgb(189,160,202)
```
#bf9ad0
```
#bf9ad0 rgb(191,154,208)
```
#c194d6
```
#c194d6 rgb(193,148,214)
```
#c38fdb
```
#c38fdb rgb(195,143,219)
```
#c689e1
```
#c689e1 rgb(198,137,225)
```
#c883e7
```
#c883e7 rgb(200,131,231)
```
#ca7eec
```
#ca7eec rgb(202,126,236)
```
#cc78f2
```
#cc78f2 rgb(204,120,242)
```
#ce72f8
```
#ce72f8 rgb(206,114,248)
```
#d06dfd
```
#d06dfd rgb(208,109,253)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a897b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#739cff Protanopia 1% of men
#7b9fe8 Deuteranopia 1% of men
#bf949f Tritanopia 0.001% of the population

Trichromacy

#938ffa Protanomaly 1% of men, 0.01% of women
#9891eb Deuteranomaly 6% of men, 0.4% of women
#c48abd Tritanomaly 0.01% of the population

#cc78f2 hex color

#cc78f2 Color Information

#cc78f2 Color Conversion

Color Schemes with #cc78f2

Alternatives to #cc78f2

#cc78f2 Preview

Shades and Tints of #cc78f2

Tones of #cc78f2

Color Blindness Simulator