#CC2C3A color HEX code RGB, HSL, CMYK COLOR CODE FOR HEXA COLOR #CC2C3A

#CC2C3A

In a RGB color space, hex #CC2C3A is composed of 80% red, 17% green and 23% blue. RGB color code is composed of a hexadecimal CC red (204/255), a 2C green (44/255) and a 3A blue component (58/255). The decimal RGB color code is rgb(204,44,58) In CMYK color space, it is composed of 0% cyan, 78% magenta, 72% yellow and 20% black. It has a hue angle of 354.75o degrees, a saturation of 65% and a lightness of 49%. Closest websafe color is: #cc3333 rgb (204, 51, 51).

Color conversion

---

Convert color

---

The hexadecimal color #CC2C3A has RGB values of R:204, G:44, B:58 and CMYK values of C:0, M:78, Y:72, K:20. Its decimal value is 13380666.Binary code is 110011000010110000111010
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color CC2C3A  #CC2C3A RGB decimal 204, 44, 58  rgb(204, 44, 58) RGB % 80, 17, 23  rgb(80%, 17%, 23%) RGB Adobe 175, 48, 60 CMYK % 0, 78, 72, 20  0%, 78%, 72%, 20% HSL 354.75o, 65, 49  hsl(354.75o, 65%, 49%) HSV (HSB) 355o, 78%, 80%  hsv(355o, 78%, 80%)

Web Safe color #cc3333 rgb (204, 51, 51) XYZ 26.566, 14.944 5.487 xyY 0.57, 0.32, 14.94 Hunter-Lab 38.66, 57.99, 17.18 CMY 20%, 83%, 77% Lab 46.31, 62.17, 33.86 Binary color CC 2C 3A 11001100 101100 111010

Shades and tints of #CC2C3A

---

A shade is achieved by adding black to original color on hue code.
A tint is created by mixing color with white.
Use the palette to pick a color or the sliders to set the RGB, HSV, CMYK components.
For example here: #28090C is the darkest color, and: #F5D6D8 is the lightest one.

Tint color variation #CC2C3A

#D44C58 rgb (212,76,88) #D44C58 #DA6771 rgb (218,103,113) #DA6771 #E07E86 rgb (224,126,134) #E07E86 #E59198 rgb (229,145,152) #E59198 #E9A2A7 rgb (233,162,167) #E9A2A7 #ECB0B4 rgb (236,176,180) #ECB0B4 #EFBCBF rgb (239,188,191) #EFBCBF #F1C6C9 rgb (241,198,201) #F1C6C9 #F3CFD1 rgb (243,207,209) #F3CFD1 #F5D6D8 rgb (245,214,216) #F5D6D8

Shade color variation

#AD2531 rgb (173,37,49) #AD2531 #931F2A rgb (147,31,42) #931F2A #7D1A24 rgb (125,26,36) #7D1A24 #6A161F rgb (106,22,31) #6A161F #5A131A rgb (90,19,26) #5A131A #4D1016 rgb (77,16,22) #4D1016 #410E13 rgb (65,14,19) #410E13 #370C10 rgb (55,12,16) #370C10 #2F0A0E rgb (47,10,14) #2F0A0E #28090C rgb (40,9,12) #28090C

Tones of #CC2C3A

A tone is produced by adding gray to any pure hue. In this case, #C43441 is the less saturated color, and #9B6368 is the most saturated one.

#C43441 rgb (196,52,65) #C43441 #BD3C47 rgb (189,60,71) #BD3C47 #B7434D rgb (183,67,77) #B7434D #B24952 rgb (178,73,82) #B24952 #AD4F57 rgb (173,79,87) #AD4F57 #A9545B rgb (169,84,91) #A9545B #A5585F rgb (165,88,95) #A5585F #A15C62 rgb (161,92,98) #A15C62 #9E6065 rgb (158,96,101) #9E6065 #9B6368 rgb (155,99,104) #9B6368

Alternatives to #CC2C3A

---

Below, you can see some colors close to #CC2C3A. Having a set of related colors can be useful if you need an inspirational alternative or other close colors to your original color choice.

#B82C3A rgb (184,44,58) #B82C3A #CC043A rgb (204,4,58) #CC043A #CC183A rgb (204,24,58) #CC183A #CC403A rgb (204,64,58) #CC403A #CC543A rgb (204,84,58) #CC543A #CC683A rgb (204,104,58) #CC683A

Quick use #CC2C3A

---

How to use this color on webpages, scripts or other programming languages using html, CSS, dhtml, JAVA, .NET, openGL, Swift, Xojo

Color of the text	Background color example
Color of the text	Background color example
<font color="#CC2C3A;">Text here</font>	<div style="background-color:#CC2C3A;">Text here</div>

Color preview on black background	Color preview on white background
color preview on black background	color preview on white background
HTML code <div style="background-color:#000000"> <font color="#CC2C3A;">Text here</font> </div>	HTML code <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#CC2C3A;">Text here</font> </div>

Div box shadow	Text shadow css code
box shadow for color #CC2C3A	text shadow css code
HTML code <div style="background-color:#FFFFFF; box-shadow: 2px 2px 7px 1px #CC2C3A;"></div> CSS code .box-shadow: 2px 2px 7px 1px;	CSS code .text-shadow: 1px 2px 2px #CC2C3A;

Box border html code	Text shadow with RGB values for color #CC2C3A
box border html code for color #CC2C3A	text shadow with RGB values
HTML code <div style="background-color:#FFFFFF; border:1px solid #CC2C3A;"></div>	CSS code with RGB .text-shadow: 0px 2px 2px rgba(204, 44, 58, 1.4);

Pre-formatted code CC2C3A	code for script / programming
HTML, CSS:	= #CC2C3A; rgb(204, 44, 58)
Java:	= new Color(204, 44, 58)
.NET:	= Color.FromArgb (204, 44, 58);
Xojo:	= rgb (204, 44, 58, 0);
openGL:	= glColor3f (0.8f, 0.17f, 0.23f);
Swift:	= UIColor(red:0.8, green:0.17, blue:0.23, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.8 green:0.17 blue:0.23 alpha:1.00000];

Color schemes with #CC2C3A

---

Monochromatic color Monochromatic color schemes are easy to create because they use only one color. Monochromatic schemes use different tones from the same angle on the color wheel (the same angle).Just change color saturation +10% and you have a new monocromatic color. On our case color: 78% has a #CC2C3A saturation. Adding 78% + 10% = 88% saturation for our new color #A61420. Decreasing 78% - 10% = 68% saturation for other monochromatic color #F24E5B. #f24e5b rgb (242,78,91) #f24e5b 68% saturation #f23b42 rgb (140,59,66) #f23b42 58% saturation #a61420 rgb (166,20,32) #a61420 88% saturation #8c030e rgb (140,3,14) #8c030e 98% saturation

Analogous color Analogous color schemes are created by using colors that are next to each other on the color wheel. Just +/- 30o on sides of the color hue angle. #CC6F2D rgb (204,111,45) #CC6F2D 25o #CC2C3A rgb (204,44,58) #CC2C3A 355o #CC2D8A rgb (204,45,138) #CC2D8A 325o

Complementary color Complementary schemes are created by combining colors from opposite sides of the color wheel. Simple add 180 degrees to color hue / angle and you have the complementary color. On our case color: #CC2C3A has a 355o angle. Adding 355o + 180o = 175oo for our new complementary color #2DCCBF. #CC2C3A rgb (204,44,58) #CC2C3A 355o #2DCCBF rgb (45,204,191) #2DCCBF 175o

Split color Compound schemes or split complementary schemens are almost the same as complementary schemes. Instead of using colors that are opposites, it uses colors on both sides of the opposite hue angle. On our case color: #CC2C3A has a 355o angle. Adding 355o + 180o+30o = 205o for our first complementary color #2D8ACC. Decreasing 355o + 180o-30o = 145o for the second complementary color #2DCC6F. #2DCC6F rgb (45,204,111) #2DCC6F 145o #CC2C3A rgb (204,44,58) #CC2C3A 355o #2D8ACC rgb (45,138,204) #2D8ACC 205o

Tiradic color Triadic schemes are made up of hues/angles equally spaced around color wheel. Add and decrease +/- 120 degrees on both sides of the color hue angle. #3ACC2D rgb (58,204,45) #3ACC2D 115o #CC2C3A rgb (204,44,58) #CC2C3A 355o #2D3ACC rgb (45,58,204) #2D3ACC 235o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #3ACC2D rgb (58,204,45) #3ACC2D 115o #CC2C3A rgb (204,44,58) #CC2C3A 355o #2DCCBF rgb (45,204,191) #2DCCBF 175o #BF2DCC rgb (191,45,204) #BF2DCC 295o