Color #F27DF0

Color info

#F27DF0 contains mainly red and blue colors. Web safe color of #F27DF0 is #FF66FF (or #F6F).

RGB color model

#F27DF0 color RGB value is (242,125,240).

red value is 242;
green value is 125;
blue value is 240.

RGB: (242,125,240) (95%, 49%, 94%)

RGB channels and saturation

R 242 of 255 = 95%
G 125 of 255 = 49%
B 240 of 255 = 94%

242

125

240

R + G + B ~ 79%. #F27DF0 is quite light color.

Portions of RGB colors in percentages

R + G + B = 242 + 125 + 240 = 607 (100%)
R 242 of 607 ~ 39.87%
G 125 of 607 ~ 20.59%
B 240 of 607 ~ 39.54'%

%39.87

%20.59

%39.54

CMYK color model

#F27DF0 color CMYK value is (0,48,1,5).

cyan value is 0.00%
magenta value is 48.35%
yellow value is 0.83%
key color value is 5.10%

CMYK: (0,48,1,5)
C0M48Y1K5 (0%, 48%, 1%, 5%)
(0.00 / 0.48 / 0.01 / 0.05)

CMYK percentages

%0

%48.35

%0.83

%5.1

Codes

Color #F27DF0 in popluar color models

	F2	7D	F0
RGB	242	125	240
HSL	301°	81.82%	71.96%
HSB/HSV	301°	48.35%	94.90%
CMYK	0.00%	48.35%	0.83%
CMYK	5.10%

Color #F27DF0 in popluar number systems.

HEX	F2	7D	F0
Decimal	242	125	240
Binary	11110010	1111101	11110000
Octal	362	175	360

Shades and tints

Shades of #F27DF0

#F27DF0
(242,125,240)

#DC72DB
(220,114,219)

#C667C6
(198,103,198)

#B05CB1
(176,92,177)

#9A519C
(154,81,156)

#844687
(132,70,135)

#6E3B72
(110,59,114)

#58305D
(88,48,93)

#422548
(66,37,72)

#2C1A33
(44,26,51)

#160F1E
(22,15,30)

#000000
(0,0,0)

Tints of #F27DF0

#F27DF0
(242,125,240)

#F388F1
(243,136,241)

#F493F2
(244,147,242)

#F59EF3
(245,158,243)

#F6A9F4
(246,169,244)

#F7B4F5
(247,180,245)

#F8BFF6
(248,191,246)

#F9CAF7
(249,202,247)

#FAD5F8
(250,213,248)

#FBE0F9
(251,224,249)

#FCEBFA
(252,235,250)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #F27DF0 color. Also use rgb(242,125,240) instead hex code.

Text Font Color

.myTextColor { color: #F27DF0; }

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

This text font color is #F27DF0.

Background Color

.myBgColor { background-color: #F27DF0; }

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

This div background color is #F27DF0.

Border color

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

This div border color is #F27DF0.

Opacity

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

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

This text has shadow with #F27DF0 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #F27DF0.