Color #FBF969

Color info

#FBF969 contains mainly red and green colors. Web safe color of #FBF969 is #FFFF66 (or #FF6).

RGB color model

#FBF969 color RGB value is (251,249,105).

red value is 251;
green value is 249;
blue value is 105.

RGB:
(251,249,105)
(98%,98%,41%)

RGB channels and saturation

R 251 of 255 = 98%
G 249 of 255 = 98%
B 105 of 255 = 41%

251

249

105

R + G + B ~ 79%. #FBF969 is quite light color.

Portions of RGB colors in percentages

R + G + B =
251 + 249 + 105 = 605 (100%)
R 251 of 605 ~ 41.49%
G 249 of 605 ~ 41.16%
B 105 of 605 ~ 17.36%

%41.49

%41.16

%17.36

CMYK color model

#FBF969 color CMYK value is (0,1,58,2).

cyan value is 0.00%
magenta value is 0.80%
yellow value is 58.17%
key color value is 1.57%

CMYK:
(0,1,58,2)
C0M1Y58K2 
(0%,1%,58%,2%)
(0.00/0.01/0.58/0.02)

CMYK percentages

%0.8

%58.17

%1.57

Codes

Color #FBF969 in popluar color models

	FB	F9	69
RGB	251	249	105
HSL	59°	94.81%	69.80%
HSB/HSV	59°	58.17%	98.43%
CMYK	0.00%	0.80%	58.17%
CMYK	1.57%

Color #FBF969 in popluar number systems.

HEX	FB	F9	69
Decimal	251	249	105
Binary	11111011	11111001	1101001
Octal	373	371	151

Shades and tints

Shades of #FBF969

#FBF969
(251,249,105)

#E5E360
(229,227,96)

#CFCD57
(207,205,87)

#B9B74E
(185,183,78)

#A3A145
(163,161,69)

#8D8B3C
(141,139,60)

#777533
(119,117,51)

#615F2A
(97,95,42)

#4B4921
(75,73,33)

#353318
(53,51,24)

#1F1D0F
(31,29,15)

#000000
(0,0,0)

Tints of #FBF969

#FBF969
(251,249,105)

#FBF976
(251,249,118)

#FBF983
(251,249,131)

#FBF990
(251,249,144)

#FBF99D
(251,249,157)

#FBF9AA
(251,249,170)

#FBF9B7
(251,249,183)

#FBF9C4
(251,249,196)

#FBF9D1
(251,249,209)

#FBF9DE
(251,249,222)

#FBF9EB
(251,249,235)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #FBF969 color. Also use rgb(251,249,105) instead hex code.

Text Font Color

.myTextColor { color: #FBF969; }

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

This text font color is #FBF969.

Background Color

.myBgColor { background-color: #FBF969; }

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

This div background color is #FBF969.

Border color

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

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

This div border color is #FBF969.

Opacity

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

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

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

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

This text has shadow with #FBF969 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #FBF969.

Preview

Color preview on black background

This text has color #FBF969 on black background.

Color preview on white background

This text has color #FBF969 on white background.

Black color preview on #FBF969 background

This text has black color on #FBF969 background.

White color preview on #FBF969 background

This text has white color on #FBF969 background.