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

#CA4676

In a RGB color space, hex #CA4676 is composed of 79% red, 27% green and 46% blue. RGB color code is composed of a hexadecimal CA red (202/255), a 46 green (70/255) and a 76 blue component (118/255). The decimal RGB color code is rgb(202,70,118) In CMYK color space, it is composed of 0% cyan, 65% magenta, 42% yellow and 21% black. It has a hue angle of 338.18o degrees, a saturation of 55% and a lightness of 53%. Closest websafe color is: #cc3366 rgb (204, 51, 102).

Color conversion

---

Convert color

---

The hexadecimal color #CA4676 has RGB values of R:202, G:70, B:118 and CMYK values of C:0, M:65, Y:42, K:21. Its decimal value is 13256310.Binary code is 110010100100011001110110
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color CA4676  #CA4676 RGB decimal 202, 70, 118  rgb(202, 70, 118) RGB % 79, 27, 46  rgb(79%, 27%, 46%) RGB Adobe 176, 72, 116 CMYK % 0, 65, 42, 21  0%, 65%, 42%, 21% HSL 338.18o, 55, 53  hsl(338.18o, 55%, 53%) HSV (HSB) 338o, 65%, 79%  hsv(338o, 65%, 79%)

Web Safe color #cc3366 rgb (204, 51, 102) XYZ 29.817, 18.245 19.09 xyY 0.44, 0.27, 18.25 Hunter-Lab 42.71, 52.96, 1.12 CMY 21%, 73%, 54% Lab 50.25, 55.87, 2.58 Binary color CA 46 76 11001010 1000110 1110110

Shades and tints of #CA4676

---

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: #280E16 is the darkest color, and: #F5DBE5 is the lightest one.

Tint color variation #CA4676

#D2628B rgb (210,98,139) #D2628B #D97A9C rgb (217,122,156) #D97A9C #DF8EAB rgb (223,142,171) #DF8EAB #E49FB8 rgb (228,159,184) #E49FB8 #E8ADC3 rgb (232,173,195) #E8ADC3 #EBB9CC rgb (235,185,204) #EBB9CC #EEC4D4 rgb (238,196,212) #EEC4D4 #F1CDDA rgb (241,205,218) #F1CDDA #F3D5E0 rgb (243,213,224) #F3D5E0 #F5DBE5 rgb (245,219,229) #F5DBE5

Shade color variation

#AC3C64 rgb (172,60,100) #AC3C64 #923355 rgb (146,51,85) #923355 #7C2B48 rgb (124,43,72) #7C2B48 #69253D rgb (105,37,61) #69253D #591F34 rgb (89,31,52) #591F34 #4C1A2C rgb (76,26,44) #4C1A2C #411625 rgb (65,22,37) #411625 #37131F rgb (55,19,31) #37131F #2F101A rgb (47,16,26) #2F101A #280E16 rgb (40,14,22) #280E16

Tones of #CA4676

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

#C34C77 rgb (195,76,119) #C34C77 #BC5178 rgb (188,81,120) #BC5178 #B65679 rgb (182,86,121) #B65679 #B15A7A rgb (177,90,122) #B15A7A #AC5E7B rgb (172,94,123) #AC5E7B #A8617C rgb (168,97,124) #A8617C #A4647C rgb (164,100,124) #A4647C #A0677C rgb (160,103,124) #A0677C #9D6A7C rgb (157,106,124) #9D6A7C #9A6C7C rgb (154,108,124) #9A6C7C

Alternatives to #CA4676

---

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

#CA0A76 rgb (202,10,118) #CA0A76 #CA1E76 rgb (202,30,118) #CA1E76 #CA3276 rgb (202,50,118) #CA3276 #CA5A76 rgb (202,90,118) #CA5A76 #CA6E76 rgb (202,110,118) #CA6E76 #CA8276 rgb (202,130,118) #CA8276

Quick use #CA4676

---

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="#CA4676;">Text here</font>	<div style="background-color:#CA4676;">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="#CA4676;">Text here</font> </div>	HTML code <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#CA4676;">Text here</font> </div>

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

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

Pre-formatted code CA4676	code for script / programming
HTML, CSS:	= #CA4676; rgb(202, 70, 118)
Java:	= new Color(202, 70, 118)
.NET:	= Color.FromArgb (202, 70, 118);
Xojo:	= rgb (202, 70, 118, 0);
openGL:	= glColor3f (0.79f, 0.27f, 0.46f);
Swift:	= UIColor(red:0.79, green:0.27, blue:0.46, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.79 green:0.27 blue:0.46 alpha:1.00000];

Color schemes with #CA4676

---

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: 65% has a #CA4676 saturation. Adding 65% + 10% = 75% saturation for our new color #A32956. Decreasing 65% - 10% = 55% saturation for other monochromatic color #F06C9C. #f06c9c rgb (240,108,156) #f06c9c 55% saturation #f04c62 rgb (138,76,98) #f04c62 45% saturation #a32956 rgb (163,41,86) #a32956 75% saturation #8a1540 rgb (138,21,64) #8a1540 85% 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. #C95847 rgb (201,88,71) #C95847 8o #CA4676 rgb (202,70,118) #CA4676 338o #C947B8 rgb (201,71,184) #C947B8 308o

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: #CA4676 has a 338o angle. Adding 338o + 180o = 158oo for our new complementary color #47C999. #CA4676 rgb (202,70,118) #CA4676 338o #47C999 rgb (71,201,153) #47C999 158o

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: #CA4676 has a 338o angle. Adding 338o + 180o+30o = 188o for our first complementary color #47B8C9. Decreasing 338o + 180o-30o = 128o for the second complementary color #47C958. #47C958 rgb (71,201,88) #47C958 128o #CA4676 rgb (202,70,118) #CA4676 338o #47B8C9 rgb (71,184,201) #47B8C9 188o

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. #77C947 rgb (119,201,71) #77C947 98o #CA4676 rgb (202,70,118) #CA4676 338o #4777C9 rgb (71,119,201) #4777C9 218o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #77C947 rgb (119,201,71) #77C947 98o #CA4676 rgb (202,70,118) #CA4676 338o #47C999 rgb (71,201,153) #47C999 158o #9947C9 rgb (153,71,201) #9947C9 278o