COLOR #F9F442

HEX: #F9F442
RGB: (249,244,66)

Renk bilgisi

#F9F442 contains mainly red and green colors. #F9F442 ‘ nin web güvenlik rengi #FFFF33 (ya da #FF3) dir.

RGB renk modeli

#F9F442 color RGB value is (249,244,66).

  • kırmız ton 249;
  • yeşil ton 244;
  • mavi ton 66.
RGB:
(249,244,66)
(98%,96%,26%)

RGB bağlantıları ve doygunluk

R 249 of 255 = 98%
G 244 of 255 = 96%
B 66 of 255 = 26%

249
244
66

R + G + B ~ 73%. #F9F442 is quite light color.

Yüzdelerle RGB renk parçaları

R + G + B =
249 + 244 + 66 = 559 (100%)
R 249 of 559 ~ 44.54%
G 244 of 559 ~ 43.65%
B 66 of 559 ~ 11.81%

%44.54
%43.65
%11.81

CMYK RENK MODELİ

#F9F442 rengi CMYK tonu (0,2,73,2).

  • camgöbeği tonu 0.00%
  • eflatun tonu 2.01%
  • sarı tonu 73.49%
  • ana renk tonu 2.35%
CMYK:
(0,2,73,2)
C0M2Y73K2 
(0%,2%,73%,2%)
(0.00/0.02/0.73/0.02)	

CMYK yüzdeleri

%0
%2.01
%73.49
%2.35

Codes

Color #F9F442 in popluar color models

F9F442
RGB24924466
HSL58°93.85%61.76%
HSB/HSV58°73.49%97.65%
CMYK0.00%2.01%73.49%
2.35%

Color #F9F442 in popluar number systems.

HEXF9F442
Decimal24924466
Binary11111001111101001000010
Octal371364102

Shades and tints

Shades of #F9F442

#F9F442
(249,244,66)
#E3DE3C
(227,222,60)
#CDC836
(205,200,54)
#B7B230
(183,178,48)
#A19C2A
(161,156,42)
#8B8624
(139,134,36)
#75701E
(117,112,30)
#5F5A18
(95,90,24)
#494412
(73,68,18)
#332E0C
(51,46,12)
#1D1806
(29,24,6)
#000000
(0,0,0)

Tints of #F9F442

#F9F442
(249,244,66)
#F9F553
(249,245,83)
#F9F664
(249,246,100)
#F9F775
(249,247,117)
#F9F886
(249,248,134)
#F9F997
(249,249,151)
#F9FAA8
(249,250,168)
#F9FBB9
(249,251,185)
#F9FCCA
(249,252,202)
#F9FDDB
(249,253,219)
#F9FEEC
(249,254,236)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #F9F442 color. Also use rgb(249,244,66) instead hex code.

Text Font Color

.myTextColor { color: #F9F442; }

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

This text font color is #F9F442.


Background Color

.myBgColor { background-color: #F9F442; }

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

This div background color is #F9F442.


Border color

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

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

This div border color is #F9F442.


Opacity

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

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

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

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

This text has shadow with #F9F442 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #F9F442 on black background.


Color preview on white background

This text has color #F9F442 on white background.



Black color preview on #F9F442 background

This text has black color on #F9F442 background.


White color preview on #F9F442 background

This text has white color on #F9F442 background.