Color #9DD4EA

Color info

#9DD4EA contains mainly green and blue colors. Web safe color of #9DD4EA is #99CCFF (or #9CF).

RGB color model

#9DD4EA color RGB value is (157,212,234).

red value is 157;
green value is 212;
blue value is 234.

RGB: (157,212,234) (62%, 83%, 92%)

RGB channels and saturation

R 157 of 255 = 62%
G 212 of 255 = 83%
B 234 of 255 = 92%

157

212

234

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

Portions of RGB colors in percentages

R + G + B = 157 + 212 + 234 = 603 (100%)
R 157 of 603 ~ 26.04%
G 212 of 603 ~ 35.16%
B 234 of 603 ~ 38.81'%

%26.04

%35.16

%38.81

CMYK color model

#9DD4EA color CMYK value is (33,9,0,8).

cyan value is 32.91%
magenta value is 9.40%
yellow value is 0.00%
key color value is 8.24%

CMYK: (33,9,0,8)
C33M9Y0K8 (33%, 9%, 0%, 8%)
(0.33 / 0.09 / 0.00 / 0.08)

CMYK percentages

%32.91

%9.4

%0

%8.24

Codes

Color #9DD4EA in popluar color models

	9D	D4	EA
RGB	157	212	234
HSL	197°	64.71%	76.67%
HSB/HSV	197°	32.91%	91.76%
CMYK	32.91%	9.40%	0.00%
CMYK	8.24%

Color #9DD4EA in popluar number systems.

HEX	9D	D4	EA
Decimal	157	212	234
Binary	10011101	11010100	11101010
Octal	235	324	352

Shades and tints

Shades of #9DD4EA

#9DD4EA
(157,212,234)

#8FC1D5
(143,193,213)

#81AEC0
(129,174,192)

#739BAB
(115,155,171)

#658896
(101,136,150)

#577581
(87,117,129)

#49626C
(73,98,108)

#3B4F57
(59,79,87)

#2D3C42
(45,60,66)

#1F292D
(31,41,45)

#111618
(17,22,24)

#000000
(0,0,0)

Tints of #9DD4EA

#9DD4EA
(157,212,234)

#A5D7EB
(165,215,235)

#ADDAEC
(173,218,236)

#B5DDED
(181,221,237)

#BDE0EE
(189,224,238)

#C5E3EF
(197,227,239)

#CDE6F0
(205,230,240)

#D5E9F1
(213,233,241)

#DDECF2
(221,236,242)

#E5EFF3
(229,239,243)

#EDF2F4
(237,242,244)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #9DD4EA color. Also use rgb(157,212,234) instead hex code.

Text Font Color

.myTextColor { color: #9DD4EA; }

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

This text font color is #9DD4EA.

Background Color

.myBgColor { background-color: #9DD4EA; }

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

This div background color is #9DD4EA.

Border color

.myBorderColor { border: 1px solid #9DD4EA; }

This div border color is #9DD4EA.

Opacity

.myOpacity80 { color: #9DD4EA; opacity: 0.8; }

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

This text has shadow with #9DD4EA color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #9DD4EA.