Color #CFB650

Color info

#CFB650 contains mainly red and green colors. Web safe color of #CFB650 is #CCCC66 (or #CC6).

RGB color model

#CFB650 color RGB value is (207,182,80).

red value is 207;
green value is 182;
blue value is 80.

RGB:
(207,182,80)
(81%,71%,31%)

RGB channels and saturation

R 207 of 255 = 81%
G 182 of 255 = 71%
B 80 of 255 = 31%

207

182

R + G + B ~ 61%. #CFB650 is quite light color.

Portions of RGB colors in percentages

R + G + B =
207 + 182 + 80 = 469 (100%)
R 207 of 469 ~ 44.14%
G 182 of 469 ~ 38.81%
B 80 of 469 ~ 17.06%

%44.14

%38.81

%17.06

CMYK color model

#CFB650 color CMYK value is (0,12,61,19).

cyan value is 0.00%
magenta value is 12.08%
yellow value is 61.35%
key color value is 18.82%

CMYK:
(0,12,61,19)
C0M12Y61K19 
(0%,12%,61%,19%)
(0.00/0.12/0.61/0.19)

CMYK percentages

%12.08

%61.35

%18.82

Codes

Color #CFB650 in popluar color models

	CF	B6	50
RGB	207	182	80
HSL	48°	56.95%	56.27%
HSB/HSV	48°	61.35%	81.18%
CMYK	0.00%	12.08%	61.35%
CMYK	18.82%

Color #CFB650 in popluar number systems.

HEX	CF	B6	50
Decimal	207	182	80
Binary	11001111	10110110	1010000
Octal	317	266	120

Shades and tints

Shades of #CFB650

#CFB650
(207,182,80)

#BDA649
(189,166,73)

#AB9642
(171,150,66)

#99863B
(153,134,59)

#877634
(135,118,52)

#75662D
(117,102,45)

#635626
(99,86,38)

#51461F
(81,70,31)

#3F3618
(63,54,24)

#2D2611
(45,38,17)

#1B160A
(27,22,10)

#000000
(0,0,0)

Tints of #CFB650

#CFB650
(207,182,80)

#D3BC5F
(211,188,95)

#D7C26E
(215,194,110)

#DBC87D
(219,200,125)

#DFCE8C
(223,206,140)

#E3D49B
(227,212,155)

#E7DAAA
(231,218,170)

#EBE0B9
(235,224,185)

#EFE6C8
(239,230,200)

#F3ECD7
(243,236,215)

#F7F2E6
(247,242,230)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #CFB650 color. Also use rgb(207,182,80) instead hex code.

Text Font Color

.myTextColor { color: #CFB650; }

<p style="color:#CFB650">This sample text font color is #CFB650.</p>

This text font color is #CFB650.

Background Color

.myBgColor { background-color: #CFB650; }

<div style="background-color:#CFB650">Inner text</div>

This div background color is #CFB650.

Border color

.myBorderColor { border: 1px solid #CFB650; }

<div style="border:3px solid #CFB650">Div</div>

This div border color is #CFB650.

Opacity

.myOpacity80 { color: #CFB650; opacity: 0.8; }

<p style="color:#CFB650;opacity:0.8;">80%</p>

Text with #CFB650 color and opacity 100% | 80% | 50% | 30%.

Background with opacity value 100%.

Background with opacity value 80%.

Background with opacity value 50%.

Background with opacity value 30%.

Text shadow color

.textShadow {text-shadow: 3px 3px 1px #CFB650;}

<p style="text-shadow: 3px 3px 1px #CFB650">Text here.</p>

This text has shadow with #CFB650 color.

.textShadow {text-shadow: 3px 3px 1px #CFB650, 3px 3px 1px red;}

<p style="text-shadow: 3px 3px 1px #CFB650, 5px 5px 20px red">Text here.</p>

This text has shadow with #CFB650 primary color and red secondary color.

Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#CFB650, Direction=45, Strength=4)}

<p style="filter: Shadow(Color=#CFB650, Direction=45, Strength=4)">Text</p>

This text has shadow with #CFB650 and red colors in old Internet Explorer.

Div box shadow color

/* css code */
.divShadow
{
  -moz-box-shadow:	1px 1px 3px 2px #CFB650;
  -webkit-box-shadow:	1px 1px 3px 2px #CFB650;
  box-shadow:		1px 1px 3px 2px #CFB650;
}

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #CFB650;
-webkit-box-shadow: 1px 1px 3px 2px #CFB650;
box-shadow:1px 1px 3px 2px #CFB650;">
Div content here</div>

This div box has shadow with color #CFB650.

Preview

Color preview on black background

This text has color #CFB650 on black background.

Color preview on white background

This text has color #CFB650 on white background.

Black color preview on #CFB650 background

This text has black color on #CFB650 background.

White color preview on #CFB650 background

This text has white color on #CFB650 background.