COLOR #F88D51

HEX: #F88D51
RGB: (248,141,81)

Renk bilgisi

#F88D51 contains mainly red color. #F88D51 ‘ nin web güvenlik rengi #FF9966 (ya da #F96) dir.

RGB renk modeli

#F88D51 color RGB value is (248,141,81).

  • kırmız ton 248;
  • yeşil ton 141;
  • mavi ton 81.
RGB:
(248,141,81)
(97%,55%,32%)

RGB bağlantıları ve doygunluk

R 248 of 255 = 97%
G 141 of 255 = 55%
B 81 of 255 = 32%

248
141
81

R + G + B ~ 61%. #F88D51 is quite light color.

Yüzdelerle RGB renk parçaları

R + G + B =
248 + 141 + 81 = 470 (100%)
R 248 of 470 ~ 52.77%
G 141 of 470 ~ 30%
B 81 of 470 ~ 17.23%

%52.77
%30
%17.23

CMYK RENK MODELİ

#F88D51 rengi CMYK tonu (0,43,67,3).

  • camgöbeği tonu 0.00%
  • eflatun tonu 43.15%
  • sarı tonu 67.34%
  • ana renk tonu 2.75%
CMYK:
(0,43,67,3)
C0M43Y67K3 
(0%,43%,67%,3%)
(0.00/0.43/0.67/0.03)	

CMYK yüzdeleri

%0
%43.15
%67.34
%2.75

Codes

Color #F88D51 in popluar color models

F88D51
RGB24814181
HSL22°92.27%64.51%
HSB/HSV22°67.34%97.25%
CMYK0.00%43.15%67.34%
2.75%

Color #F88D51 in popluar number systems.

HEXF88D51
Decimal24814181
Binary11111000100011011010001
Octal370215121

Shades and tints

Shades of #F88D51

#F88D51
(248,141,81)
#E2814A
(226,129,74)
#CC7543
(204,117,67)
#B6693C
(182,105,60)
#A05D35
(160,93,53)
#8A512E
(138,81,46)
#744527
(116,69,39)
#5E3920
(94,57,32)
#482D19
(72,45,25)
#322112
(50,33,18)
#1C150B
(28,21,11)
#000000
(0,0,0)

Tints of #F88D51

#F88D51
(248,141,81)
#F89760
(248,151,96)
#F8A16F
(248,161,111)
#F8AB7E
(248,171,126)
#F8B58D
(248,181,141)
#F8BF9C
(248,191,156)
#F8C9AB
(248,201,171)
#F8D3BA
(248,211,186)
#F8DDC9
(248,221,201)
#F8E7D8
(248,231,216)
#F8F1E7
(248,241,231)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #F88D51 color. Also use rgb(248,141,81) instead hex code.

Text Font Color

.myTextColor { color: #F88D51; }

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

This text font color is #F88D51.


Background Color

.myBgColor { background-color: #F88D51; }

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

This div background color is #F88D51.


Border color

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

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

This div border color is #F88D51.


Opacity

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

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

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

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

This text has shadow with #F88D51 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #F88D51 on black background.


Color preview on white background

This text has color #F88D51 on white background.



Black color preview on #F88D51 background

This text has black color on #F88D51 background.


White color preview on #F88D51 background

This text has white color on #F88D51 background.