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

#CCBB1F

In a RGB color space, hex #CCBB1F is composed of 80% red, 73% green and 12% blue. RGB color code is composed of a hexadecimal CC red (204/255), a BB green (187/255) and a 1F blue component (31/255). The decimal RGB color code is rgb(204,187,31) In CMYK color space, it is composed of 0% cyan, 8% magenta, 85% yellow and 20% black. It has a hue angle of 54.1o degrees, a saturation of 74% and a lightness of 46%. Closest websafe color is: #cccc33 rgb (204, 204, 51).

Color conversion

---

Convert color

---

The hexadecimal color #CCBB1F has RGB values of R:204, G:187, B:31 and CMYK values of C:0, M:8, Y:85, K:20. Its decimal value is 13417247.Binary code is 110011001011101100011111
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color CCBB1F  #CCBB1F RGB decimal 204, 187, 31  rgb(204, 187, 31) RGB % 80, 73, 12  rgb(80%, 73%, 12%) RGB Adobe 198, 186, 54 CMYK % 0, 8, 85, 20  0%, 8%, 85%, 20% HSL 54.1o, 74, 46  hsl(54.1o, 74%, 46%) HSV (HSB) 54o, 85%, 80%  hsv(54o, 85%, 80%)

Web Safe color #cccc33 rgb (204, 204, 51) XYZ 42.919, 48.477 8.391 xyY 0.43, 0.49, 48.48 Hunter-Lab 69.63, -8.22, 39.26 CMY 20%, 27%, 88% Lab 75.54, -4.84, 71.46 Binary color CC BB 1F 11001100 10111011 11111

Shades and tints of #CCBB1F

---

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: #282507 is the darkest color, and: #F5F1D4 is the lightest one.

Tint color variation #CCBB1F

#D4C541 rgb (212,197,65) #D4C541 #DACE5E rgb (218,206,94) #DACE5E #E0D576 rgb (224,213,118) #E0D576 #E5DB8B rgb (229,219,139) #E5DB8B #E9E09C rgb (233,224,156) #E9E09C #ECE5AB rgb (236,229,171) #ECE5AB #EFE9B8 rgb (239,233,184) #EFE9B8 #F1ECC3 rgb (241,236,195) #F1ECC3 #F3EFCC rgb (243,239,204) #F3EFCC #F5F1D4 rgb (245,241,212) #F5F1D4

Shade color variation

#AD9F1A rgb (173,159,26) #AD9F1A #938716 rgb (147,135,22) #938716 #7D7313 rgb (125,115,19) #7D7313 #6A6210 rgb (106,98,16) #6A6210 #5A530E rgb (90,83,14) #5A530E #4D470C rgb (77,71,12) #4D470C #413C0A rgb (65,60,10) #413C0A #373309 rgb (55,51,9) #373309 #2F2B08 rgb (47,43,8) #2F2B08 #282507 rgb (40,37,7) #282507

Tones of #CCBB1F

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

#C4B529 rgb (196,181,41) #C4B529 #BDB032 rgb (189,176,50) #BDB032 #B7AB3A rgb (183,171,58) #B7AB3A #B2A741 rgb (178,167,65) #B2A741 #ADA347 rgb (173,163,71) #ADA347 #A9A04D rgb (169,160,77) #A9A04D #A59D52 rgb (165,157,82) #A59D52 #A19A57 rgb (161,154,87) #A19A57 #9E975B rgb (158,151,91) #9E975B #9B955F rgb (155,149,95) #9B955F

Alternatives to #CCBB1F

---

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

#CC7F1F rgb (204,127,31) #CC7F1F #CC931F rgb (204,147,31) #CC931F #CCA71F rgb (204,167,31) #CCA71F #CCCF1F rgb (204,207,31) #CCCF1F #CCE31F rgb (204,227,31) #CCE31F #CCF71F rgb (204,247,31) #CCF71F

Quick use #CCBB1F

---

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

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

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

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

Color schemes with #CCBB1F

---

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: 85% has a #CCBB1F saturation. Adding 85% + 10% = 95% saturation for our new color #A69608. Decreasing 85% - 10% = 75% saturation for other monochromatic color #F2E03D. #f2e03d rgb (242,224,61) #f2e03d 75% saturation #f28331 rgb (140,131,49) #f28331 65% saturation #a69608 rgb (166,150,8) #a69608 95% saturation #8c7e00 rgb (140,126,0) #8c7e00 100% 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. #87CC1F rgb (135,204,31) #87CC1F 84o #CCBB1F rgb (204,187,31) #CCBB1F 54o #CC641F rgb (204,100,31) #CC641F 24o

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: #CCBB1F has a 54o angle. Adding 54o + 180o = 234oo for our new complementary color #1F30CC. #CCBB1F rgb (204,187,31) #CCBB1F 54o #1F30CC rgb (31,48,204) #1F30CC 234o

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: #CCBB1F has a 54o angle. Adding 54o + 180o+30o = 264o for our first complementary color #641FCC. Decreasing 54o + 180o-30o = 204o for the second complementary color #1F87CC. #1F87CC rgb (31,135,204) #1F87CC 204o #CCBB1F rgb (204,187,31) #CCBB1F 54o #641FCC rgb (100,31,204) #641FCC 264o

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. #1FCCBB rgb (31,204,187) #1FCCBB 174o #CCBB1F rgb (204,187,31) #CCBB1F 54o #BB1FCC rgb (187,31,204) #BB1FCC 294o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #1FCCBB rgb (31,204,187) #1FCCBB 174o #CCBB1F rgb (204,187,31) #CCBB1F 54o #1F30CC rgb (31,48,204) #1F30CC 234o #CC1F30 rgb (204,31,48) #CC1F30 354o