Color #448988 hex code, color models, shades and preview

Renk bilgisi

#448988 contains mainly green and blue colors. #448988 ‘ nin web güvenlik rengi #339999 (ya da #399) dir.

RGB renk modeli

#448988 color RGB value is (68,137,136).

kırmız ton 68;
yeşil ton 137;
mavi ton 136.

RGB:
(68,137,136)
(27%,54%,53%)

RGB bağlantıları ve doygunluk

R 68 of 255 = 27%
G 137 of 255 = 54%
B 136 of 255 = 53%

137

136

R + G + B ~ 45%. #448988 is middle color (not dark and not light).

Yüzdelerle RGB renk parçaları

R + G + B =
68 + 137 + 136 = 341 (100%)
R 68 of 341 ~ 19.94%
G 137 of 341 ~ 40.18%
B 136 of 341 ~ 39.88%

%19.94

%40.18

%39.88

CMYK RENK MODELİ

#448988 rengi CMYK tonu (50,0,1,46).

camgöbeği tonu 50.36%
eflatun tonu 0.00%
sarı tonu 0.73%
ana renk tonu 46.27%

CMYK:
(50,0,1,46)
C50M0Y1K46 
(50%,0%,1%,46%)
(0.50/0.00/0.01/0.46)

CMYK yüzdeleri

%50.36

%0.73

%46.27

Codes

Color #448988 in popluar color models

	44	89	88
RGB	68	137	136
HSL	179°	33.66%	40.20%
HSB/HSV	179°	50.36%	53.73%
CMYK	50.36%	0.00%	0.73%
CMYK	46.27%

Color #448988 in popluar number systems.

HEX	44	89	88
Decimal	68	137	136
Binary	1000100	10001001	10001000
Octal	104	211	210

Shades and tints

Shades of #448988

#448988
(68,137,136)

#3E7D7C
(62,125,124)

#387170
(56,113,112)

#326564
(50,101,100)

#2C5958
(44,89,88)

#264D4C
(38,77,76)

#204140
(32,65,64)

#1A3534
(26,53,52)

#142928
(20,41,40)

#0E1D1C
(14,29,28)

#081110
(8,17,16)

#000000
(0,0,0)

Tints of #448988

#448988
(68,137,136)

#559392
(85,147,146)

#669D9C
(102,157,156)

#77A7A6
(119,167,166)

#88B1B0
(136,177,176)

#99BBBA
(153,187,186)

#AAC5C4
(170,197,196)

#BBCFCE
(187,207,206)

#CCD9D8
(204,217,216)

#DDE3E2
(221,227,226)

#EEEDEC
(238,237,236)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #448988 color. Also use rgb(68,137,136) instead hex code.

Text Font Color

.myTextColor { color: #448988; }

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

This text font color is #448988.

Background Color

.myBgColor { background-color: #448988; }

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

This div background color is #448988.

Border color

.myBorderColor { border: 1px solid #448988; }

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

This div border color is #448988.

Opacity

.myOpacity80 { color: #448988; opacity: 0.8; }

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

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

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

This text has shadow with #448988 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #448988.

Preview

Color preview on black background

This text has color #448988 on black background.

Color preview on white background

This text has color #448988 on white background.

Black color preview on #448988 background

This text has black color on #448988 background.

White color preview on #448988 background

This text has white color on #448988 background.

COLOR #448988