Color #5F7CDC

Color info

#5F7CDC contains mainly blue color. Web safe color of #5F7CDC is #6666CC (or #66C).

RGB color model

#5F7CDC color RGB value is (95,124,220).

red value is 95;
green value is 124;
blue value is 220.

RGB: (95,124,220) (37%, 49%, 86%)

RGB channels and saturation

R 95 of 255 = 37%
G 124 of 255 = 49%
B 220 of 255 = 86%

95

124

220

R + G + B ~ 57%. #5F7CDC is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 95 + 124 + 220 = 439 (100%)
R 95 of 439 ~ 21.64%
G 124 of 439 ~ 28.25%
B 220 of 439 ~ 50.11'%

%21.64

%28.25

%50.11

CMYK color model

#5F7CDC color CMYK value is (57,44,0,14).

cyan value is 56.82%
magenta value is 43.64%
yellow value is 0.00%
key color value is 13.73%

CMYK: (57,44,0,14)
C57M44Y0K14 (57%, 44%, 0%, 14%)
(0.57 / 0.44 / 0.00 / 0.14)

CMYK percentages

%56.82

%43.64

%0

%13.73

Codes

Color #5F7CDC in popluar color models

	5F	7C	DC
RGB	95	124	220
HSL	226°	64.10%	61.76%
HSB/HSV	226°	56.82%	86.27%
CMYK	56.82%	43.64%	0.00%
CMYK	13.73%

Color #5F7CDC in popluar number systems.

HEX	5F	7C	DC
Decimal	95	124	220
Binary	1011111	1111100	11011100
Octal	137	174	334

Shades and tints

Shades of #5F7CDC

#5F7CDC
(95,124,220)

#5771C8
(87,113,200)

#4F66B4
(79,102,180)

#475BA0
(71,91,160)

#3F508C
(63,80,140)

#374578
(55,69,120)

#2F3A64
(47,58,100)

#272F50
(39,47,80)

#1F243C
(31,36,60)

#171928
(23,25,40)

#0F0E14
(15,14,20)

#000000
(0,0,0)

Tints of #5F7CDC

#5F7CDC
(95,124,220)

#6D87DF
(109,135,223)

#7B92E2
(123,146,226)

#899DE5
(137,157,229)

#97A8E8
(151,168,232)

#A5B3EB
(165,179,235)

#B3BEEE
(179,190,238)

#C1C9F1
(193,201,241)

#CFD4F4
(207,212,244)

#DDDFF7
(221,223,247)

#EBEAFA
(235,234,250)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #5F7CDC color. Also use rgb(95,124,220) instead hex code.

Text Font Color

.myTextColor { color: #5F7CDC; }

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

This text font color is #5F7CDC.

Background Color

.myBgColor { background-color: #5F7CDC; }

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

This div background color is #5F7CDC.

Border color

.myBorderColor { border: 1px solid #5F7CDC; }

This div border color is #5F7CDC.

Opacity

.myOpacity80 { color: #5F7CDC; opacity: 0.8; }

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

This text has shadow with #5F7CDC color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #5F7CDC.