#cc00dd Color Hex Fungal Hallucinations

Information about Fungal Hallucinations Color | #0000FF

#cc00dd color RGB value is (204,0,221). #cc00dd color name is Fungal Hallucinations color.

#cc00dd hex color red value is 204 , green value is 0 and the blue value of its RGB is 221 . Cylindrical-coordinate representations (also known as HSL) of color #cc00dd hue: 295 , saturation: 100 and the lightness value of #cc00dd is 43

The process color (four color CMYK) of #cc00dd color hex is 3 , 39 ,0, 5 .

#cc00dd

~Fungal Hallucinations

Color Converions

HEX

#cc00dd

RGB

204,0,221

LAB

49,81,-59

CMYK

8,100,0,13

LCH

49,100,-36

XYZ

38,18,70

HSV

295,100,87

HSL

295,100,43

LUV

Base Numbers

Base	Red	Green	Blue
Binary	11001100	0	11011101
Octal	314	0	335
Decimal	204	0	221
Hex	cc	00	dd

RGB Percentages of Color #cc00dd

80%

87%

CMYK Percentages of Color #cc00dd

39%

Color Variations

View this color variations of shades, tints, tones, hues and temperatures.

Shades of #cc00dd

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.

10%

#cc00dd

20%

#b800c7

30%

#a300b1

40%

#8f009b

50%

#7a0085

60%

#66006f

70%

#520058

80%

#3d0042

90%

#29002c

100%

#140016

Tints of #cc00dd

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.

10%

#cc00dd

20%

#d11ae0

30%

#d633e4

40%

#db4de7

50%

#e066eb

60%

#e680ee

70%

#eb99f1

80%

#f0b3f5

90%

#f5ccf8

100%

#fae5fc

Tones of #cc00dd

A tone is created by adding gray to a base color, increasing its lightness. Tones looks more sophisticated and complex than base colors.

10%

#cc00dd

20%

#c40dd4

30%

#bd1aca

40%

#b526c1

50%

#ad33b8

60%

#a640ae

70%

#9e4da5

80%

#96599c

90%

#8f6692

100%

#877389

Color harmonies

Color harmonies are pleasing color schemes created according to their position on a color wheel.

Analogous

Colors of the same luminance and saturation with hues that are adjacent on the color wheel, 30 degrees apart. Smooth transitions.

#cc00dd

#7400dd

#a000dd

#cc00dd

#dd00c2

#dd0096

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.

#cc00dd

#11dd00

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.

#cc00dd

#dd1b00

#00dd74

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.

#cc00dd

#ddcc00

#00ddcc

Tetradic

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.

#cc00dd

#dd5d00

#11dd00

#007fdd

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.

#cc00dd

#080008

#2f0033

#56005d

#7e0088

#a500b3

Blindness simulator

Check how a color is perceived by color blind people to create accessible designs.

Contrast Checker

Verify the contrast of a text on white and black backgrounds.

White background

Good 5/21

Hello World ! 5

Black background-color

Good 5/21

Hello World !

#cc00dd Color CSS Codes

.bgcolor {background-color:#cc00dd; } 
.forecolor {color:#cc00dd; }
.bordercolor {border:3px solid #cc00dd; }

#cc00dd Text Font Color

<div style="color:#cc00dd">
Div content here</div>

This sample text font color is #cc00dd
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#cc00dd Background Color

<div style="background-color:#cc00dd">
Div content here</div>

Div content here

#cc00dd Border Color

<div style="border:3px solid #cc00dd">
Div here</div>

This div border color is #cc00dd

#cc00dd Color CSS Codes Examples

.textShadowRgb {
  text-shadow: 4px 4px 2px #cc00dd; } 
.textShadowHex { 
  text-shadow: 4px 4px 2px #cc00dd; }
.divShadow { 
  -moz-box-shadow: 1px 1px 3px 2px #cc00dd;
  -webkit-box-shadow: 1px 1px 3px 2px #cc00dd;
  box-shadow: 1px 1px 3px 2px #cc00dd; }

Text Shadow with Hex Values

<p style="text-shadow: 4px 4px 2px #cc00dd">Text here</p>

This text has shadow with hex values.

Div Box Shadow

<div style="-moz-box-shadow: 1px 1px 3px 2px #cc00dd;
              -webkit-box-shadow: 1px 1px 3px 2px #cc00dd;
              box-shadow:         1px 1px 3px 2px #cc00dd#cc00dd">
Div content here</div>

This div box has shadow with color #cc00dd