Color #7271FB

Color info

#7271FB contains mainly blue color. Web safe color of #7271FB is #6666FF (or #66F).

RGB color model

#7271FB color RGB value is (114,113,251).

red value is 114;
green value is 113;
blue value is 251.

RGB:
(114,113,251)
(45%,44%,98%)

RGB channels and saturation

R 114 of 255 = 45%
G 113 of 255 = 44%
B 251 of 255 = 98%

114

113

251

R + G + B ~ 62%. #7271FB is quite light color.

Portions of RGB colors in percentages

R + G + B =
114 + 113 + 251 = 478 (100%)
R 114 of 478 ~ 23.85%
G 113 of 478 ~ 23.64%
B 251 of 478 ~ 52.51%

%23.85

%23.64

%52.51

CMYK color model

#7271FB color CMYK value is (55,55,0,2).

cyan value is 54.58%
magenta value is 54.98%
yellow value is 0.00%
key color value is 1.57%

CMYK:
(55,55,0,2)
C55M55Y0K2 
(55%,55%,0%,2%)
(0.55/0.55/0.00/0.02)

CMYK percentages

%54.58

%54.98

%1.57

Codes

Color #7271FB in popluar color models

	72	71	FB
RGB	114	113	251
HSL	240°	94.52%	71.37%
HSB/HSV	240°	54.98%	98.43%
CMYK	54.58%	54.98%	0.00%
CMYK	1.57%

Color #7271FB in popluar number systems.

HEX	72	71	FB
Decimal	114	113	251
Binary	1110010	1110001	11111011
Octal	162	161	373

Shades and tints

Shades of #7271FB

#7271FB
(114,113,251)

#6867E5
(104,103,229)

#5E5DCF
(94,93,207)

#5453B9
(84,83,185)

#4A49A3
(74,73,163)

#403F8D
(64,63,141)

#363577
(54,53,119)

#2C2B61
(44,43,97)

#22214B
(34,33,75)

#181735
(24,23,53)

#0E0D1F
(14,13,31)

#000000
(0,0,0)

Tints of #7271FB

#7271FB
(114,113,251)

#7E7DFB
(126,125,251)

#8A89FB
(138,137,251)

#9695FB
(150,149,251)

#A2A1FB
(162,161,251)

#AEADFB
(174,173,251)

#BAB9FB
(186,185,251)

#C6C5FB
(198,197,251)

#D2D1FB
(210,209,251)

#DEDDFB
(222,221,251)

#EAE9FB
(234,233,251)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7271FB color. Also use rgb(114,113,251) instead hex code.

Text Font Color

.myTextColor { color: #7271FB; }

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

This text font color is #7271FB.

Background Color

.myBgColor { background-color: #7271FB; }

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

This div background color is #7271FB.

Border color

.myBorderColor { border: 1px solid #7271FB; }

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

This div border color is #7271FB.

Opacity

.myOpacity80 { color: #7271FB; opacity: 0.8; }

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

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

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

This text has shadow with #7271FB color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #7271FB.

Preview

Color preview on black background

This text has color #7271FB on black background.

Color preview on white background

This text has color #7271FB on white background.

Black color preview on #7271FB background

This text has black color on #7271FB background.

White color preview on #7271FB background

This text has white color on #7271FB background.