#CCCC66 Color Information


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

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

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

This is a websafe color.

#CCCC66 RGB Values

#CCCC66 CMYK Values



#CCCC66 Color Conversion


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


Hexadecimal #CCCC66 #CCCC66
RGB Decimal 204, 204, 102 rgb(204, 204, 102)
RGB Percent 80, 80, 40 rgb(80%, 80%, 40%)
RGB Proportion 0.8, 0.8, 0.4 rgb(0.8, 0.8, 0.4)
CMYK 0, 0, 50, 20
HSL 60ยบ, 50.0, 60.0 hsl(60, 50.0%, 60.0%)
Websafe CCCC66 #CCCC66
XYZ 48.893, 56.982, 20.992
Yxy 56.982, 0.385, 0.449
CIE-LAB 80.169, -13.897, 50.271
CIE-LCH 80.169, 52.156, 105.453
CIE-LUV 80.169, 4.68, 64.849
Hunter-Lab 75.486, -16.486, 36.353

Color Schemes For #CCCC66


Colors that go well with #CCCC66.

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

Alternatives to #CCCC66


Colors similar to #CCCC66.


#CCCC66 Preview


Common HTML and CSS shortcodes for #CCCC66.

Text with color #CCCC66


The quick brown fox jumps over the lazy dog.

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

#CCCC66 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #CCCC66


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #CCCC66


Linear gradient from #CCCC66 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #CCCC66


Radial gradient from #CCCC66 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #CCCC66 and its Complementary Color


Linear gradient from #CCCC66 to #333399.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #CCCC66 and its Complementary Color


Radial gradient from #CCCC66 to #333399.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors