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

#CAE3AA

In a RGB color space, hex #CAE3AA is composed of 79% red, 89% green and 67% blue. RGB color code is composed of a hexadecimal CA red (202/255), a E3 green (227/255) and a AA blue component (170/255). The decimal RGB color code is rgb(202,227,170) In CMYK color space, it is composed of 11% cyan, 0% magenta, 25% yellow and 11% black. It has a hue angle of 86.32o degrees, a saturation of 50% and a lightness of 78%. Closest websafe color is: #cccc99 rgb (204, 204, 153).

Color conversion

---

Convert color

---

The hexadecimal color #CAE3AA has RGB values of R:202, G:227, B:170 and CMYK values of C:11, M:0, Y:25, K:11. Its decimal value is 13296554.Binary code is 110010101110001110101010
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color CAE3AA  #CAE3AA RGB decimal 202, 227, 170  rgb(202, 227, 170) RGB % 79, 89, 67  rgb(79%, 89%, 67%) RGB Adobe 208, 226, 171 CMYK % 11, 0, 25, 11  11%, 0%, 25%, 11% HSL 86.32o, 50, 78  hsl(86.32o, 50%, 78%) HSV (HSB) 86o, 25%, 89%  hsv(86o, 25%, 89%)

Web Safe color #cccc99 rgb (204, 204, 153) XYZ 59.082, 70.397 48.504 xyY 0.33, 0.4, 70.4 Hunter-Lab 83.9, -16.92, 20.65 CMY 21%, 11%, 33% Lab 87.31, -15.88, 25.06 Binary color CA E3 AA 11001010 11100011 10101010

Shades and tints of #CAE3AA

---

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: #282C22 is the darkest color, and: #F5FAEF is the lightest one.

Tint color variation #CAE3AA

#D2E7B7 rgb (210,231,183) #D2E7B7 #D9EBC2 rgb (217,235,194) #D9EBC2 #DFEECB rgb (223,238,203) #DFEECB #E4F1D3 rgb (228,241,211) #E4F1D3 #E8F3DA rgb (232,243,218) #E8F3DA #EBF5E0 rgb (235,245,224) #EBF5E0 #EEF7E5 rgb (238,247,229) #EEF7E5 #F1F8E9 rgb (241,248,233) #F1F8E9 #F3F9EC rgb (243,249,236) #F3F9EC #F5FAEF rgb (245,250,239) #F5FAEF

Shade color variation

#ACC191 rgb (172,193,145) #ACC191 #92A47B rgb (146,164,123) #92A47B #7C8B69 rgb (124,139,105) #7C8B69 #697659 rgb (105,118,89) #697659 #59644C rgb (89,100,76) #59644C #4C5541 rgb (76,85,65) #4C5541 #414837 rgb (65,72,55) #414837 #373D2F rgb (55,61,47) #373D2F #2F3428 rgb (47,52,40) #2F3428 #282C22 rgb (40,44,34) #282C22

Tones of #CAE3AA

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

#C3D9A6 rgb (195,217,166) #C3D9A6 #BCD0A2 rgb (188,208,162) #BCD0A2 #B6C89F rgb (182,200,159) #B6C89F #B1C19C rgb (177,193,156) #B1C19C #ACBB99 rgb (172,187,153) #ACBB99 #A8B597 rgb (168,181,151) #A8B597 #A4B095 rgb (164,176,149) #A4B095 #A0AB93 rgb (160,171,147) #A0AB93 #9DA791 rgb (157,167,145) #9DA791 #9AA38F rgb (154,163,143) #9AA38F

Alternatives to #CAE3AA

---

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

#CAA7AA rgb (202,167,170) #CAA7AA #CABBAA rgb (202,187,170) #CABBAA #CACFAA rgb (202,207,170) #CACFAA #CAF7AA rgb (202,247,170) #CAF7AA #DEFFAA rgb (222,255,170) #DEFFAA #F2FFAA rgb (242,255,170) #F2FFAA

Quick use #CAE3AA

---

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

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

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

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

Color schemes with #CAE3AA

---

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: 25% has a #CAE3AA saturation. Adding 25% + 10% = 35% saturation for our new color #A0BD7B. Decreasing 25% - 10% = 15% saturation for other monochromatic color #EEFFD9. #eeffd9 rgb (238,255,217) #eeffd9 15% saturation #eea39b rgb (160,163,155) #eea39b 5% saturation #a0bd7b rgb (160,189,123) #a0bd7b 35% saturation #83a35a rgb (131,163,90) #83a35a 45% 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. #AEE3AA rgb (174,227,170) #AEE3AA 116o #CAE3AA rgb (202,227,170) #CAE3AA 86o #E3DFAA rgb (227,223,170) #E3DFAA 56o

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: #CAE3AA has a 86o angle. Adding 86o + 180o = 266oo for our new complementary color #C3AAE3. #CAE3AA rgb (202,227,170) #CAE3AA 86o #C3AAE3 rgb (195,170,227) #C3AAE3 266o

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: #CAE3AA has a 86o angle. Adding 86o + 180o+30o = 296o for our first complementary color #DFAAE3. Decreasing 86o + 180o-30o = 236o for the second complementary color #AAAEE3. #AAAEE3 rgb (170,174,227) #AAAEE3 236o #CAE3AA rgb (202,227,170) #CAE3AA 86o #DFAAE3 rgb (223,170,227) #DFAAE3 296o

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. #AACAE3 rgb (170,202,227) #AACAE3 206o #CAE3AA rgb (202,227,170) #CAE3AA 86o #E3AACA rgb (227,170,202) #E3AACA 326o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #AACAE3 rgb (170,202,227) #AACAE3 206o #CAE3AA rgb (202,227,170) #CAE3AA 86o #C3AAE3 rgb (195,170,227) #C3AAE3 266o #E3C3AA rgb (227,195,170) #E3C3AA 26o