#00CCCC Color Information


In the RGB color space, #00CCCC is composed of 0% red, 80% green, and 80% blue.

In the CMYK color space, #00CCCC is composed of 100% cyan, 0% magenta, 0% yellow, and 20.0% black,

It has a hue angle of 180 degrees, a saturation of 100%, and a lightness of 40%.

This is a websafe color.

#00CCCC RGB Values

#00CCCC CMYK Values



#00CCCC Color Conversion


The hexadecimal color #00CCCC has RGB values of R:0, G:204, B:204 and CMYK values of C:100, M:0, Y:0, K:20. It has a decimal value of 52428.


Hexadecimal #00CCCC #00CCCC
RGB Decimal 0, 204, 204 rgb(0, 204, 204)
RGB Percent 0, 80, 80 rgb(0%, 80%, 80%)
RGB Proportion 0.0, 0.8, 0.8 rgb(0.0, 0.8, 0.8)
CMYK 100, 0, 0, 20
HSL 180ยบ, 100, 40 hsl(180, 100%, 40%)
Websafe 00CCCC #00CCCC
XYZ 32.492, 47.545, 64.591
Yxy 47.545, 0.225, 0.329
CIE-LAB 74.537, -40.637, -11.95
CIE-LCH 74.537, 42.358, 196.387
CIE-LUV 74.537, -57.648, -12.448
Hunter-Lab 68.953, -36.555, -7.272

Color Schemes For #00CCCC


Colors that go well with #00CCCC.

Monochromatic
Triadic Colors
Split Complementary Color
Complementary Color
Analogous Colors
Tetradic Colors

Alternatives to #00CCCC


Colors similar to #00CCCC.


#00CCCC Preview


Common HTML and CSS shortcodes for #00CCCC.

Text with color #00CCCC


The quick brown fox jumps over the lazy dog.

<div style="color: #00CCCC;">The quick brown fox jumps over the lazy dog.</div>

#00CCCC as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #00CCCC;">The quick brown fox jumps over the lazy dog.</div>

Border with #00CCCC


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #00CCCC;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #00CCCC


Linear gradient from #00CCCC to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#00CCCC, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #00CCCC


Radial gradient from #00CCCC to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#00CCCC, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #00CCCC and its Complementary Color


Linear gradient from #00CCCC to #FF3333.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#00CCCC, #FF3333);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #00CCCC and its Complementary Color


Radial gradient from #00CCCC to #FF3333.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#00CCCC, #FF3333);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #00CCCC; } .background { background-color: #00CCCC; } .border { border: 1px solid #00CCCC; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of #00CCCC


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #000404 while the lightest tint is #FAFEFE.

Shades


Tints

Random Colors