Color #9EDEF9 hex code, color models, shades and preview

Renk bilgisi

#9EDEF9 contains mainly green and blue colors. #9EDEF9 ‘ nin web güvenlik rengi #99CCFF (ya da #9CF) dir.

RGB renk modeli

#9EDEF9 color RGB value is (158,222,249).

kırmız ton 158;
yeşil ton 222;
mavi ton 249.

RGB:
(158,222,249)
(62%,87%,98%)

RGB bağlantıları ve doygunluk

R 158 of 255 = 62%
G 222 of 255 = 87%
B 249 of 255 = 98%

158

222

249

R + G + B ~ 82%. #9EDEF9 is quite light color.

Yüzdelerle RGB renk parçaları

R + G + B =
158 + 222 + 249 = 629 (100%)
R 158 of 629 ~ 25.12%
G 222 of 629 ~ 35.29%
B 249 of 629 ~ 39.59%

%25.12

%35.29

%39.59

CMYK RENK MODELİ

#9EDEF9 rengi CMYK tonu (37,11,0,2).

camgöbeği tonu 36.55%
eflatun tonu 10.84%
sarı tonu 0.00%
ana renk tonu 2.35%

CMYK:
(37,11,0,2)
C37M11Y0K2 
(37%,11%,0%,2%)
(0.37/0.11/0.00/0.02)

CMYK yüzdeleri

%36.55

%10.84

%2.35

Codes

Color #9EDEF9 in popluar color models

	9E	DE	F9
RGB	158	222	249
HSL	198°	88.35%	79.80%
HSB/HSV	198°	36.55%	97.65%
CMYK	36.55%	10.84%	0.00%
CMYK	2.35%

Color #9EDEF9 in popluar number systems.

HEX	9E	DE	F9
Decimal	158	222	249
Binary	10011110	11011110	11111001
Octal	236	336	371

Shades and tints

Shades of #9EDEF9

#9EDEF9
(158,222,249)

#90CAE3
(144,202,227)

#82B6CD
(130,182,205)

#74A2B7
(116,162,183)

#668EA1
(102,142,161)

#587A8B
(88,122,139)

#4A6675
(74,102,117)

#3C525F
(60,82,95)

#2E3E49
(46,62,73)

#202A33
(32,42,51)

#12161D
(18,22,29)

#000000
(0,0,0)

Tints of #9EDEF9

#9EDEF9
(158,222,249)

#A6E1F9
(166,225,249)

#AEE4F9
(174,228,249)

#B6E7F9
(182,231,249)

#BEEAF9
(190,234,249)

#C6EDF9
(198,237,249)

#CEF0F9
(206,240,249)

#D6F3F9
(214,243,249)

#DEF6F9
(222,246,249)

#E6F9F9
(230,249,249)

#EEFCF9
(238,252,249)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #9EDEF9 color. Also use rgb(158,222,249) instead hex code.

Text Font Color

.myTextColor { color: #9EDEF9; }

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

This text font color is #9EDEF9.

Background Color

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

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

This div background color is #9EDEF9.

Border color

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

<div style="border:3px solid #9EDEF9">Div</div>

This div border color is #9EDEF9.

Opacity

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

<p style="color:#9EDEF9;opacity:0.8;">80%</p>

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

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

This text has shadow with #9EDEF9 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #9EDEF9.

Preview

Color preview on black background

This text has color #9EDEF9 on black background.

Color preview on white background

This text has color #9EDEF9 on white background.

Black color preview on #9EDEF9 background

This text has black color on #9EDEF9 background.

White color preview on #9EDEF9 background

This text has white color on #9EDEF9 background.

COLOR #9EDEF9