Color #7DECFD

Color info

#7DECFD contains mainly green and blue colors. Web safe color of #7DECFD is #66FFFF (or #6FF).

RGB color model

#7DECFD color RGB value is (125,236,253).

red value is 125;
green value is 236;
blue value is 253.

RGB:
(125,236,253)
(49%,93%,99%)

RGB channels and saturation

R 125 of 255 = 49%
G 236 of 255 = 93%
B 253 of 255 = 99%

125

236

253

R + G + B ~ 80%. #7DECFD is quite light color.

Portions of RGB colors in percentages

R + G + B =
125 + 236 + 253 = 614 (100%)
R 125 of 614 ~ 20.36%
G 236 of 614 ~ 38.44%
B 253 of 614 ~ 41.21%

%20.36

%38.44

%41.21

CMYK color model

#7DECFD color CMYK value is (51,7,0,1).

cyan value is 50.59%
magenta value is 6.72%
yellow value is 0.00%
key color value is 0.78%

CMYK:
(51,7,0,1)
C51M7Y0K1 
(51%,7%,0%,1%)
(0.51/0.07/0.00/0.01)

CMYK percentages

%50.59

%6.72

%0.78

Codes

Color #7DECFD in popluar color models

	7D	EC	FD
RGB	125	236	253
HSL	188°	96.97%	74.12%
HSB/HSV	188°	50.59%	99.22%
CMYK	50.59%	6.72%	0.00%
CMYK	0.78%

Color #7DECFD in popluar number systems.

HEX	7D	EC	FD
Decimal	125	236	253
Binary	1111101	11101100	11111101
Octal	175	354	375

Shades and tints

Shades of #7DECFD

#7DECFD
(125,236,253)

#72D7E6
(114,215,230)

#67C2CF
(103,194,207)

#5CADB8
(92,173,184)

#5198A1
(81,152,161)

#46838A
(70,131,138)

#3B6E73
(59,110,115)

#30595C
(48,89,92)

#254445
(37,68,69)

#1A2F2E
(26,47,46)

#0F1A17
(15,26,23)

#000000
(0,0,0)

Tints of #7DECFD

#7DECFD
(125,236,253)

#88EDFD
(136,237,253)

#93EEFD
(147,238,253)

#9EEFFD
(158,239,253)

#A9F0FD
(169,240,253)

#B4F1FD
(180,241,253)

#BFF2FD
(191,242,253)

#CAF3FD
(202,243,253)

#D5F4FD
(213,244,253)

#E0F5FD
(224,245,253)

#EBF6FD
(235,246,253)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7DECFD color. Also use rgb(125,236,253) instead hex code.

Text Font Color

.myTextColor { color: #7DECFD; }

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

This text font color is #7DECFD.

Background Color

.myBgColor { background-color: #7DECFD; }

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

This div background color is #7DECFD.

Border color

.myBorderColor { border: 1px solid #7DECFD; }

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

This div border color is #7DECFD.

Opacity

.myOpacity80 { color: #7DECFD; opacity: 0.8; }

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

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

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

This text has shadow with #7DECFD color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #7DECFD.

Preview

Color preview on black background

This text has color #7DECFD on black background.

Color preview on white background

This text has color #7DECFD on white background.

Black color preview on #7DECFD background

This text has black color on #7DECFD background.

White color preview on #7DECFD background

This text has white color on #7DECFD background.