#66CCCC Color Information


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

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

It has a hue angle of 180 degrees, a saturation of 50.0%, and a lightness of 60.0%.

This is a websafe color.

#66CCCC RGB Values

#66CCCC CMYK Values



#66CCCC Color Conversion


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


Hexadecimal #66CCCC #66CCCC
RGB Decimal 102, 204, 204 rgb(102, 204, 204)
RGB Percent 40, 80, 80 rgb(40%, 80%, 80%)
RGB Proportion 0.4, 0.8, 0.8 rgb(0.4, 0.8, 0.8)
CMYK 50, 0, 0, 20
HSL 180ยบ, 50.0, 60.0 hsl(180, 50.0%, 60.0%)
Websafe 66CCCC #66CCCC
XYZ 37.971, 50.37, 64.848
Yxy 50.37, 0.248, 0.329
CIE-LAB 76.296, -29.578, -9.14
CIE-LCH 76.296, 30.958, 197.172
CIE-LUV 76.296, -43.762, -9.453
Hunter-Lab 70.972, -28.7, -4.494

Color Schemes For #66CCCC


Colors that go well with #66CCCC.

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

Alternatives to #66CCCC


Colors similar to #66CCCC.


#66CCCC Preview


Common HTML and CSS shortcodes for #66CCCC.

Text with color #66CCCC


The quick brown fox jumps over the lazy dog.

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

#66CCCC as background color


The quick brown fox jumps over the lazy dog.

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

Border with #66CCCC


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #66CCCC


Linear gradient from #66CCCC to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #66CCCC


Radial gradient from #66CCCC to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #66CCCC and its Complementary Color


Linear gradient from #66CCCC to #993333.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #66CCCC and its Complementary Color


Radial gradient from #66CCCC to #993333.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

.text { color: #66CCCC; } .background { background-color: #66CCCC; } .border { border: 1px solid #66CCCC; } .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 #66CCCC


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

Shades


Tints

Random Colors