COLOR #F5F917

HEX: #F5F917
RGB: (245,249,23)

Color info

#F5F917 contains mainly red and green colors. Web safe color of #F5F917 is #FFFF00 (or #FF0).

RGB color model

#F5F917 color RGB value is (245,249,23).

  • red value is 245;
  • green value is 249;
  • blue value is 23.
RGB:
(245,249,23)
(96%,98%,9%)

RGB channels and saturation

R 245 of 255 = 96%
G 249 of 255 = 98%
B 23 of 255 = 9%

245
249
23

R + G + B ~ 68%. #F5F917 is quite light color.

Portions of RGB colors in percentages

R + G + B =
245 + 249 + 23 = 517 (100%)
R 245 of 517 ~ 47.39%
G 249 of 517 ~ 48.16%
B 23 of 517 ~ 4.45%

%47.39
%48.16

CMYK color model

#F5F917 color CMYK value is (2,0,91,2).

  • cyan value is 1.61%
  • magenta value is 0.00%
  • yellow value is 90.76%
  • key color value is 2.35%
CMYK:
(2,0,91,2)
C2M0Y91K2 
(2%,0%,91%,2%)
(0.02/0.00/0.91/0.02)	

CMYK percentages

%1.61
%0
%90.76
%2.35

Codes

Color #F5F917 in popluar color models

F5F917
RGB24524923
HSL61°94.96%53.33%
HSB/HSV61°90.76%97.65%
CMYK1.61%0.00%90.76%
2.35%

Color #F5F917 in popluar number systems.

HEXF5F917
Decimal24524923
Binary111101011111100110111
Octal36537127

Shades and tints

Shades of #F5F917

#F5F917
(245,249,23)
#DFE315
(223,227,21)
#C9CD13
(201,205,19)
#B3B711
(179,183,17)
#9DA10F
(157,161,15)
#878B0D
(135,139,13)
#71750B
(113,117,11)
#5B5F09
(91,95,9)
#454907
(69,73,7)
#2F3305
(47,51,5)
#191D03
(25,29,3)
#000000
(0,0,0)

Tints of #F5F917

#F5F917
(245,249,23)
#F5F92C
(245,249,44)
#F5F941
(245,249,65)
#F5F956
(245,249,86)
#F5F96B
(245,249,107)
#F5F980
(245,249,128)
#F5F995
(245,249,149)
#F5F9AA
(245,249,170)
#F5F9BF
(245,249,191)
#F5F9D4
(245,249,212)
#F5F9E9
(245,249,233)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #F5F917 color. Also use rgb(245,249,23) instead hex code.

Text Font Color

.myTextColor { color: #F5F917; }

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

This text font color is #F5F917.


Background Color

.myBgColor { background-color: #F5F917; }

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

This div background color is #F5F917.


Border color

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

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

This div border color is #F5F917.


Opacity

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

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

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

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

This text has shadow with #F5F917 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #F5F917 on black background.


Color preview on white background

This text has color #F5F917 on white background.



Black color preview on #F5F917 background

This text has black color on #F5F917 background.


White color preview on #F5F917 background

This text has white color on #F5F917 background.