COLOR #FA1849

HEX: #FA1849
RGB: (250,24,73)

Color info

#FA1849 contains mainly red color. Web safe color of #FA1849 is #FF0033 (or #F03).

RGB color model

#FA1849 color RGB value is (250,24,73).

  • red value is 250;
  • green value is 24;
  • blue value is 73.
RGB:
(250,24,73)
(98%,9%,29%)

RGB channels and saturation

R 250 of 255 = 98%
G 24 of 255 = 9%
B 73 of 255 = 29%

250
24
73

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

Portions of RGB colors in percentages

R + G + B =
250 + 24 + 73 = 347 (100%)
R 250 of 347 ~ 72.05%
G 24 of 347 ~ 6.92%
B 73 of 347 ~ 21.04%

%72.05
%21.04

CMYK color model

#FA1849 color CMYK value is (0,90,71,2).

  • cyan value is 0.00%
  • magenta value is 90.40%
  • yellow value is 70.80%
  • key color value is 1.96%
CMYK:
(0,90,71,2)
C0M90Y71K2 
(0%,90%,71%,2%)
(0.00/0.90/0.71/0.02)	

CMYK percentages

%0
%90.4
%70.8
%1.96

Codes

Color #FA1849 in popluar color models

FA1849
RGB2502473
HSL347°95.76%53.73%
HSB/HSV347°90.40%98.04%
CMYK0.00%90.40%70.80%
1.96%

Color #FA1849 in popluar number systems.

HEXFA1849
Decimal2502473
Binary11111010110001001001
Octal37230111

Shades and tints

Shades of #FA1849

#FA1849
(250,24,73)
#E41643
(228,22,67)
#CE143D
(206,20,61)
#B81237
(184,18,55)
#A21031
(162,16,49)
#8C0E2B
(140,14,43)
#760C25
(118,12,37)
#600A1F
(96,10,31)
#4A0819
(74,8,25)
#340613
(52,6,19)
#1E040D
(30,4,13)
#000000
(0,0,0)

Tints of #FA1849

#FA1849
(250,24,73)
#FA2D59
(250,45,89)
#FA4269
(250,66,105)
#FA5779
(250,87,121)
#FA6C89
(250,108,137)
#FA8199
(250,129,153)
#FA96A9
(250,150,169)
#FAABB9
(250,171,185)
#FAC0C9
(250,192,201)
#FAD5D9
(250,213,217)
#FAEAE9
(250,234,233)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #FA1849 color. Also use rgb(250,24,73) instead hex code.

Text Font Color

.myTextColor { color: #FA1849; }

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

This text font color is #FA1849.


Background Color

.myBgColor { background-color: #FA1849; }

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

This div background color is #FA1849.


Border color

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

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

This div border color is #FA1849.


Opacity

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

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

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

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

This text has shadow with #FA1849 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #FA1849 on black background.


Color preview on white background

This text has color #FA1849 on white background.



Black color preview on #FA1849 background

This text has black color on #FA1849 background.


White color preview on #FA1849 background

This text has white color on #FA1849 background.