#FFCC00 Color Information


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

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

It has a hue angle of 48 degrees, a saturation of 100%, and a lightness of 50%.

This is a websafe color.

#FFCC00 RGB Values

#FFCC00 CMYK Values



#FFCC00 Color Conversion


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


Hexadecimal #FFCC00 #FFCC00
RGB Decimal 255, 204, 0 rgb(255, 204, 0)
RGB Percent 100, 80, 0 rgb(100%, 80%, 0%)
RGB Proportion 1.0, 0.8, 0.0 rgb(1.0, 0.8, 0.0)
CMYK 0, 20, 100, 0
HSL 48ยบ, 100, 50 hsl(48, 100%, 50%)
Websafe FFCC00 #FFCC00
XYZ 62.833, 64.446, 9.128
Yxy 64.446, 0.461, 0.472
CIE-LAB 84.197, 3.68, 85.222
CIE-LCH 84.197, 85.301, 87.527
CIE-LUV 84.197, 43.738, 88.055
Hunter-Lab 80.278, -0.777, 49.453

Color Schemes For #FFCC00


Colors that go well with #FFCC00.

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

Alternatives to #FFCC00


Colors similar to #FFCC00.


#FFCC00 Preview


Common HTML and CSS shortcodes for #FFCC00.

Text with color #FFCC00


The quick brown fox jumps over the lazy dog.

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

#FFCC00 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #FFCC00


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #FFCC00


Linear gradient from #FFCC00 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #FFCC00


Radial gradient from #FFCC00 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #FFCC00 and its Complementary Color


Linear gradient from #FFCC00 to #0033FF.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #FFCC00 and its Complementary Color


Radial gradient from #FFCC00 to #0033FF.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors