Color #F47489 hex code, color models, shades and preview

Renk bilgisi

#F47489 contains mainly red color. #F47489 ‘ nin web güvenlik rengi #FF6699 (ya da #F69) dir.

RGB renk modeli

#F47489 color RGB value is (244,116,137).

kırmız ton 244;
yeşil ton 116;
mavi ton 137.

RGB:
(244,116,137)
(96%,45%,54%)

RGB bağlantıları ve doygunluk

R 244 of 255 = 96%
G 116 of 255 = 45%
B 137 of 255 = 54%

244

116

137

R + G + B ~ 65%. #F47489 is quite light color.

Yüzdelerle RGB renk parçaları

R + G + B =
244 + 116 + 137 = 497 (100%)
R 244 of 497 ~ 49.09%
G 116 of 497 ~ 23.34%
B 137 of 497 ~ 27.57%

%49.09

%23.34

%27.57

CMYK RENK MODELİ

#F47489 rengi CMYK tonu (0,52,44,4).

camgöbeği tonu 0.00%
eflatun tonu 52.46%
sarı tonu 43.85%
ana renk tonu 4.31%

CMYK:
(0,52,44,4)
C0M52Y44K4 
(0%,52%,44%,4%)
(0.00/0.52/0.44/0.04)

CMYK yüzdeleri

%52.46

%43.85

%4.31

Codes

Color #F47489 in popluar color models

	F4	74	89
RGB	244	116	137
HSL	350°	85.33%	70.59%
HSB/HSV	350°	52.46%	95.69%
CMYK	0.00%	52.46%	43.85%
CMYK	4.31%

Color #F47489 in popluar number systems.

HEX	F4	74	89
Decimal	244	116	137
Binary	11110100	1110100	10001001
Octal	364	164	211

Shades and tints

Shades of #F47489

#F47489
(244,116,137)

#DE6A7D
(222,106,125)

#C86071
(200,96,113)

#B25665
(178,86,101)

#9C4C59
(156,76,89)

#86424D
(134,66,77)

#703841
(112,56,65)

#5A2E35
(90,46,53)

#442429
(68,36,41)

#2E1A1D
(46,26,29)

#181011
(24,16,17)

#000000
(0,0,0)

Tints of #F47489

#F47489
(244,116,137)

#F58093
(245,128,147)

#F68C9D
(246,140,157)

#F798A7
(247,152,167)

#F8A4B1
(248,164,177)

#F9B0BB
(249,176,187)

#FABCC5
(250,188,197)

#FBC8CF
(251,200,207)

#FCD4D9
(252,212,217)

#FDE0E3
(253,224,227)

#FEECED
(254,236,237)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #F47489 color. Also use rgb(244,116,137) instead hex code.

Text Font Color

.myTextColor { color: #F47489; }

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

This text font color is #F47489.

Background Color

.myBgColor { background-color: #F47489; }

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

This div background color is #F47489.

Border color

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

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

This div border color is #F47489.

Opacity

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

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

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

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

This text has shadow with #F47489 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #F47489.

Preview

Color preview on black background

This text has color #F47489 on black background.

Color preview on white background

This text has color #F47489 on white background.

Black color preview on #F47489 background

This text has black color on #F47489 background.

White color preview on #F47489 background

This text has white color on #F47489 background.

COLOR #F47489