Color #F55F4B

Color info

#F55F4B contains mainly red color. Web safe color of #F55F4B is #FF6633 (or #F63).

RGB color model

#F55F4B color RGB value is (245,95,75).

red value is 245;
green value is 95;
blue value is 75.

RGB: (245,95,75) (96%, 37%, 29%)

RGB channels and saturation

R 245 of 255 = 96%
G 95 of 255 = 37%
B 75 of 255 = 29%

245

95

75

R + G + B ~ 54%. #F55F4B is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 245 + 95 + 75 = 415 (100%)
R 245 of 415 ~ 59.04%
G 95 of 415 ~ 22.89%
B 75 of 415 ~ 18.07'%

%59.04

%22.89

%18.07

CMYK color model

#F55F4B color CMYK value is (0,61,69,4).

cyan value is 0.00%
magenta value is 61.22%
yellow value is 69.39%
key color value is 3.92%

CMYK: (0,61,69,4)
C0M61Y69K4 (0%, 61%, 69%, 4%)
(0.00 / 0.61 / 0.69 / 0.04)

CMYK percentages

%0

%61.22

%69.39

%3.92

Codes

Color #F55F4B in popluar color models

	F5	5F	4B
RGB	245	95	75
HSL	7°	89.47%	62.75%
HSB/HSV	7°	69.39%	96.08%
CMYK	0.00%	61.22%	69.39%
CMYK	3.92%

Color #F55F4B in popluar number systems.

HEX	F5	5F	4B
Decimal	245	95	75
Binary	11110101	1011111	1001011
Octal	365	137	113

Shades and tints

Shades of #F55F4B

#F55F4B
(245,95,75)

#DF5745
(223,87,69)

#C94F3F
(201,79,63)

#B34739
(179,71,57)

#9D3F33
(157,63,51)

#87372D
(135,55,45)

#712F27
(113,47,39)

#5B2721
(91,39,33)

#451F1B
(69,31,27)

#2F1715
(47,23,21)

#190F0F
(25,15,15)

#000000
(0,0,0)

Tints of #F55F4B

#F55F4B
(245,95,75)

#F56D5B
(245,109,91)

#F57B6B
(245,123,107)

#F5897B
(245,137,123)

#F5978B
(245,151,139)

#F5A59B
(245,165,155)

#F5B3AB
(245,179,171)

#F5C1BB
(245,193,187)

#F5CFCB
(245,207,203)

#F5DDDB
(245,221,219)

#F5EBEB
(245,235,235)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #F55F4B color. Also use rgb(245,95,75) instead hex code.

Text Font Color

.myTextColor { color: #F55F4B; }

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

This text font color is #F55F4B.

Background Color

.myBgColor { background-color: #F55F4B; }

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

This div background color is #F55F4B.

Border color

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

This div border color is #F55F4B.

Opacity

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

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

This text has shadow with #F55F4B color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #F55F4B.