Color #9AD4DB

Color info

#9AD4DB contains mainly green and blue colors. Web safe color of #9AD4DB is #99CCCC (or #9CC).

RGB color model

#9AD4DB color RGB value is (154,212,219).

red value is 154;
green value is 212;
blue value is 219.

RGB: (154,212,219) (60%, 83%, 86%)

RGB channels and saturation

R 154 of 255 = 60%
G 212 of 255 = 83%
B 219 of 255 = 86%

154

212

219

R + G + B ~ 76%. #9AD4DB is quite light color.

Portions of RGB colors in percentages

R + G + B = 154 + 212 + 219 = 585 (100%)
R 154 of 585 ~ 26.32%
G 212 of 585 ~ 36.24%
B 219 of 585 ~ 37.44'%

%26.32

%36.24

%37.44

CMYK color model

#9AD4DB color CMYK value is (30,3,0,14).

cyan value is 29.68%
magenta value is 3.20%
yellow value is 0.00%
key color value is 14.12%

CMYK: (30,3,0,14)
C30M3Y0K14 (30%, 3%, 0%, 14%)
(0.30 / 0.03 / 0.00 / 0.14)

CMYK percentages

%29.68

%3.2

%0

%14.12

Codes

Color #9AD4DB in popluar color models

	9A	D4	DB
RGB	154	212	219
HSL	186°	47.45%	73.14%
HSB/HSV	186°	29.68%	85.88%
CMYK	29.68%	3.20%	0.00%
CMYK	14.12%

Color #9AD4DB in popluar number systems.

HEX	9A	D4	DB
Decimal	154	212	219
Binary	10011010	11010100	11011011
Octal	232	324	333

Shades and tints

Shades of #9AD4DB

#9AD4DB
(154,212,219)

#8CC1C8
(140,193,200)

#7EAEB5
(126,174,181)

#709BA2
(112,155,162)

#62888F
(98,136,143)

#54757C
(84,117,124)

#466269
(70,98,105)

#384F56
(56,79,86)

#2A3C43
(42,60,67)

#1C2930
(28,41,48)

#0E161D
(14,22,29)

#000000
(0,0,0)

Tints of #9AD4DB

#9AD4DB
(154,212,219)

#A3D7DE
(163,215,222)

#ACDAE1
(172,218,225)

#B5DDE4
(181,221,228)

#BEE0E7
(190,224,231)

#C7E3EA
(199,227,234)

#D0E6ED
(208,230,237)

#D9E9F0
(217,233,240)

#E2ECF3
(226,236,243)

#EBEFF6
(235,239,246)

#F4F2F9
(244,242,249)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #9AD4DB color. Also use rgb(154,212,219) instead hex code.

Text Font Color

.myTextColor { color: #9AD4DB; }

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

This text font color is #9AD4DB.

Background Color

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

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

This div background color is #9AD4DB.

Border color

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

This div border color is #9AD4DB.

Opacity

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

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

This text has shadow with #9AD4DB color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #9AD4DB.