COLOR #FBE506

HEX: #FBE506
RGB: (251,229,6)

Color info

#FBE506 contains mainly red and green colors. Web safe color of #FBE506 is #FFCC00 (or #FC0).

RGB color model

#FBE506 color RGB value is (251,229,6).

  • red value is 251;
  • green value is 229;
  • blue value is 6.
RGB:
(251,229,6)
(98%,90%,2%)

RGB channels and saturation

R 251 of 255 = 98%
G 229 of 255 = 90%
B 6 of 255 = 2%

251
229
6

R + G + B ~ 63%. #FBE506 is quite light color.

Portions of RGB colors in percentages

R + G + B =
251 + 229 + 6 = 486 (100%)
R 251 of 486 ~ 51.65%
G 229 of 486 ~ 47.12%
B 6 of 486 ~ 1.23%

%51.65
%47.12

CMYK color model

#FBE506 color CMYK value is (0,9,98,2).

  • cyan value is 0.00%
  • magenta value is 8.76%
  • yellow value is 97.61%
  • key color value is 1.57%
CMYK:
(0,9,98,2)
C0M9Y98K2 
(0%,9%,98%,2%)
(0.00/0.09/0.98/0.02)	

CMYK percentages

%0
%8.76
%97.61
%1.57

Codes

Color #FBE506 in popluar color models

FBE506
RGB2512296
HSL55°96.84%50.39%
HSB/HSV55°97.61%98.43%
CMYK0.00%8.76%97.61%
1.57%

Color #FBE506 in popluar number systems.

HEXFBE506
Decimal2512296
Binary1111101111100101110
Octal3733456

Shades and tints

Shades of #FBE506

#FBE506
(251,229,6)
#E5D106
(229,209,6)
#CFBD06
(207,189,6)
#B9A906
(185,169,6)
#A39506
(163,149,6)
#8D8106
(141,129,6)
#776D06
(119,109,6)
#615906
(97,89,6)
#4B4506
(75,69,6)
#353106
(53,49,6)
#1F1D06
(31,29,6)
#000000
(0,0,0)

Tints of #FBE506

#FBE506
(251,229,6)
#FBE71C
(251,231,28)
#FBE932
(251,233,50)
#FBEB48
(251,235,72)
#FBED5E
(251,237,94)
#FBEF74
(251,239,116)
#FBF18A
(251,241,138)
#FBF3A0
(251,243,160)
#FBF5B6
(251,245,182)
#FBF7CC
(251,247,204)
#FBF9E2
(251,249,226)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #FBE506 color. Also use rgb(251,229,6) instead hex code.

Text Font Color

.myTextColor { color: #FBE506; }

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

This text font color is #FBE506.


Background Color

.myBgColor { background-color: #FBE506; }

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

This div background color is #FBE506.


Border color

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

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

This div border color is #FBE506.


Opacity

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

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

Text with #FBE506 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 #FBE506;}

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

This text has shadow with #FBE506 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #FBE506 on black background.


Color preview on white background

This text has color #FBE506 on white background.



Black color preview on #FBE506 background

This text has black color on #FBE506 background.


White color preview on #FBE506 background

This text has white color on #FBE506 background.