#CC5224 Color Information


In the RGB color space, #CC5224 is composed of 80% red, 32.1569% green, and 14.1176% blue.

In the CMYK color space, #CC5224 is composed of 0% cyan, 59.8% magenta, 82.35% yellow, and 20.0% black,

It has a hue angle of 16.4 degrees, a saturation of 70.0%, and a lightness of 47.06%.

The closest websafe color is #CC6633.

#CC5224 RGB Values

#CC5224 CMYK Values



#CC5224 Color Conversion


The hexadecimal color #CC5224 has RGB values of R:204, G:82, B:36 and CMYK values of C:0, M:59.8, Y:82.35, K:20. It has a decimal value of 13390372.


Hexadecimal #CC5224 #CC5224
RGB Decimal 204, 82, 36 rgb(204, 82, 36)
RGB Percent 80, 32.1569, 14.1176 rgb(80%, 32.1569%, 14.1176%)
RGB Proportion 0.8, 0.3216, 0.1412 rgb(0.8, 0.3216, 0.1412)
CMYK 0, 59.8, 82.35, 20
HSL 16.4ยบ, 70.0, 47.06 hsl(16.4, 70.0%, 47.06%)
Websafe CC6633 #CC6633
XYZ 28.238, 19.001, 3.849
Yxy 19.001, 0.553, 0.372
CIE-LAB 50.688, 46.183, 49.341
CIE-LCH 50.688, 67.583, 46.893
CIE-LUV 50.688, 98.788, 38.33
Hunter-Lab 43.59, 39.351, 25.278

Color Schemes For #CC5224


Colors that go well with #CC5224.

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

Alternatives to #CC5224


Colors similar to #CC5224.


#CC5224 Preview


Common HTML and CSS shortcodes for #CC5224.

Text with color #CC5224


The quick brown fox jumps over the lazy dog.

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

#CC5224 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #CC5224


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #CC5224


Linear gradient from #CC5224 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #CC5224


Radial gradient from #CC5224 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #CC5224 and its Complementary Color


Linear gradient from #CC5224 to #33ADDB.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #CC5224 and its Complementary Color


Radial gradient from #CC5224 to #33ADDB.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors