Color #748DFD

Color info

#748DFD contains mainly blue color. Web safe color of #748DFD is #6699FF (or #69F).

RGB color model

#748DFD color RGB value is (116,141,253).

red value is 116;
green value is 141;
blue value is 253.

RGB: (116,141,253) (45%, 55%, 99%)

RGB channels and saturation

R 116 of 255 = 45%
G 141 of 255 = 55%
B 253 of 255 = 99%

116

141

253

R + G + B ~ 66%. #748DFD is quite light color.

Portions of RGB colors in percentages

R + G + B = 116 + 141 + 253 = 510 (100%)
R 116 of 510 ~ 22.75%
G 141 of 510 ~ 27.65%
B 253 of 510 ~ 49.61'%

%22.75

%27.65

%49.61

CMYK color model

#748DFD color CMYK value is (54,44,0,1).

cyan value is 54.15%
magenta value is 44.27%
yellow value is 0.00%
key color value is 0.78%

CMYK: (54,44,0,1)
C54M44Y0K1 (54%, 44%, 0%, 1%)
(0.54 / 0.44 / 0.00 / 0.01)

CMYK percentages

%54.15

%44.27

%0

%0.78

Codes

Color #748DFD in popluar color models

	74	8D	FD
RGB	116	141	253
HSL	229°	97.16%	72.35%
HSB/HSV	229°	54.15%	99.22%
CMYK	54.15%	44.27%	0.00%
CMYK	0.78%

Color #748DFD in popluar number systems.

HEX	74	8D	FD
Decimal	116	141	253
Binary	1110100	10001101	11111101
Octal	164	215	375

Shades and tints

Shades of #748DFD

#748DFD
(116,141,253)

#6A81E6
(106,129,230)

#6075CF
(96,117,207)

#5669B8
(86,105,184)

#4C5DA1
(76,93,161)

#42518A
(66,81,138)

#384573
(56,69,115)

#2E395C
(46,57,92)

#242D45
(36,45,69)

#1A212E
(26,33,46)

#101517
(16,21,23)

#000000
(0,0,0)

Tints of #748DFD

#748DFD
(116,141,253)

#8097FD
(128,151,253)

#8CA1FD
(140,161,253)

#98ABFD
(152,171,253)

#A4B5FD
(164,181,253)

#B0BFFD
(176,191,253)

#BCC9FD
(188,201,253)

#C8D3FD
(200,211,253)

#D4DDFD
(212,221,253)

#E0E7FD
(224,231,253)

#ECF1FD
(236,241,253)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #748DFD color. Also use rgb(116,141,253) instead hex code.

Text Font Color

.myTextColor { color: #748DFD; }

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

This text font color is #748DFD.

Background Color

.myBgColor { background-color: #748DFD; }

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

This div background color is #748DFD.

Border color

.myBorderColor { border: 1px solid #748DFD; }

This div border color is #748DFD.

Opacity

.myOpacity80 { color: #748DFD; opacity: 0.8; }

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

This text has shadow with #748DFD color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #748DFD.