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

#CA99FF

In a RGB color space, hex #CA99FF is composed of 79% red, 60% green and 100% blue. RGB color code is composed of a hexadecimal CA red (202/255), a 99 green (153/255) and a FF blue component (255/255). The decimal RGB color code is rgb(202,153,255) In CMYK color space, it is composed of 21% cyan, 40% magenta, 0% yellow and 0% black. It has a hue angle of 268.82o degrees, a saturation of 100% and a lightness of 80%. Closest websafe color is: #cc99ff rgb (204, 153, 255).

Color conversion

---

Convert color

---

The hexadecimal color #CA99FF has RGB values of R:202, G:153, B:255 and CMYK values of C:21, M:40, Y:0, K:0. Its decimal value is 13277695.Binary code is 110010101001100111111111
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color CA99FF  #CA99FF RGB decimal 202, 153, 255  rgb(202, 153, 255) RGB % 79, 60, 100  rgb(79%, 60%, 100%) RGB Adobe 188, 152, 252 CMYK % 21, 40, 0, 0  21%, 40%, 0%, 0% HSL 268.82o, 100, 80  hsl(268.82o, 100%, 80%) HSV (HSB) 269o, 40%, 100%  hsv(269o, 40%, 100%)

Web Safe color #cc99ff rgb (204, 153, 255) XYZ 53.798, 42.559 99.987 xyY 0.27, 0.22, 42.56 Hunter-Lab 65.24, 37.1, -50.63 CMY 21%, 40%, 0% Lab 70.9, 33.28, -44.19 Binary color CA 99 FF 11001010 10011001 11111111

Shades and tints of #CA99FF

---

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: #281F33 is the darkest color, and: #F5EBFF is the lightest one.

Tint color variation #CA99FF

#D2A8FF rgb (210,168,255) #D2A8FF #D9B5FF rgb (217,181,255) #D9B5FF #DFC0FF rgb (223,192,255) #DFC0FF #E4C9FF rgb (228,201,255) #E4C9FF #E8D1FF rgb (232,209,255) #E8D1FF #EBD8FF rgb (235,216,255) #EBD8FF #EEDEFF rgb (238,222,255) #EEDEFF #F1E3FF rgb (241,227,255) #F1E3FF #F3E7FF rgb (243,231,255) #F3E7FF #F5EBFF rgb (245,235,255) #F5EBFF

Shade color variation

#AC82D9 rgb (172,130,217) #AC82D9 #926FB8 rgb (146,111,184) #926FB8 #7C5E9C rgb (124,94,156) #7C5E9C #695085 rgb (105,80,133) #695085 #594471 rgb (89,68,113) #594471 #4C3A60 rgb (76,58,96) #4C3A60 #413152 rgb (65,49,82) #413152 #372A46 rgb (55,42,70) #372A46 #2F243C rgb (47,36,60) #2F243C #281F33 rgb (40,31,51) #281F33

Tones of #CA99FF

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

#C397F2 rgb (195,151,242) #C397F2 #BC95E7 rgb (188,149,231) #BC95E7 #B693DD rgb (182,147,221) #B693DD #B191D4 rgb (177,145,212) #B191D4 #AC8FCC rgb (172,143,204) #AC8FCC #A88EC4 rgb (168,142,196) #A88EC4 #A48DBD rgb (164,141,189) #A48DBD #A08CB7 rgb (160,140,183) #A08CB7 #9D8BB2 rgb (157,139,178) #9D8BB2 #9A8AAD rgb (154,138,173) #9A8AAD

Alternatives to #CA99FF

---

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

#CA5DFF rgb (202,93,255) #CA5DFF #CA71FF rgb (202,113,255) #CA71FF #CA85FF rgb (202,133,255) #CA85FF #CAADFF rgb (202,173,255) #CAADFF #CAC1FF rgb (202,193,255) #CAC1FF #CAD5FF rgb (202,213,255) #CAD5FF

Quick use #CA99FF

---

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

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

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

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

Color schemes with #CA99FF

---

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: 40% has a #CA99FF saturation. Adding 40% + 10% = 50% saturation for our new color #A16CD9. Decreasing 40% - 10% = 30% saturation for other monochromatic color #D7B3FF. #d7b3ff rgb (215,179,255) #d7b3ff 30% saturation #d799bf rgb (171,153,191) #d799bf 20% saturation #a16cd9 rgb (161,108,217) #a16cd9 50% saturation #844dbf rgb (132,77,191) #844dbf 60% 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. #FD99FF rgb (253,153,255) #FD99FF 299o #CA99FF rgb (202,153,255) #CA99FF 269o #999BFF rgb (153,155,255) #999BFF 239o

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: #CA99FF has a 269o angle. Adding 269o + 180o = 89oo for our new complementary color #CEFF99. #CA99FF rgb (202,153,255) #CA99FF 269o #CEFF99 rgb (206,255,153) #CEFF99 89o

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: #CA99FF has a 269o angle. Adding 269o + 180o+30o = 119o for our first complementary color #9BFF99. Decreasing 269o + 180o-30o = 59o for the second complementary color #FFFD99. #FFFD99 rgb (255,253,153) #FFFD99 59o #CA99FF rgb (202,153,255) #CA99FF 269o #9BFF99 rgb (155,255,153) #9BFF99 119o

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. #FFCA99 rgb (255,202,153) #FFCA99 29o #CA99FF rgb (202,153,255) #CA99FF 269o #99FFCA rgb (153,255,202) #99FFCA 149o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #FFCA99 rgb (255,202,153) #FFCA99 29o #CA99FF rgb (202,153,255) #CA99FF 269o #CEFF99 rgb (206,255,153) #CEFF99 89o #99CEFF rgb (153,206,255) #99CEFF 209o