Color #449ABE hex code, color models, shades and preview

Renk bilgisi

#449ABE contains mainly green and blue colors. #449ABE ‘ nin web güvenlik rengi #3399CC (ya da #39C) dir.

RGB renk modeli

#449ABE color RGB value is (68,154,190).

kırmız ton 68;
yeşil ton 154;
mavi ton 190.

RGB:
(68,154,190)
(27%,60%,75%)

RGB bağlantıları ve doygunluk

R 68 of 255 = 27%
G 154 of 255 = 60%
B 190 of 255 = 75%

154

190

R + G + B ~ 54%. #449ABE is middle color (not dark and not light).

Yüzdelerle RGB renk parçaları

R + G + B =
68 + 154 + 190 = 412 (100%)
R 68 of 412 ~ 16.5%
G 154 of 412 ~ 37.38%
B 190 of 412 ~ 46.12%

%16.5

%37.38

%46.12

CMYK RENK MODELİ

#449ABE rengi CMYK tonu (64,19,0,25).

camgöbeği tonu 64.21%
eflatun tonu 18.95%
sarı tonu 0.00%
ana renk tonu 25.49%

CMYK:
(64,19,0,25)
C64M19Y0K25 
(64%,19%,0%,25%)
(0.64/0.19/0.00/0.25)

CMYK yüzdeleri

%64.21

%18.95

%25.49

Codes

Color #449ABE in popluar color models

	44	9A	BE
RGB	68	154	190
HSL	198°	48.41%	50.59%
HSB/HSV	198°	64.21%	74.51%
CMYK	64.21%	18.95%	0.00%
CMYK	25.49%

Color #449ABE in popluar number systems.

HEX	44	9A	BE
Decimal	68	154	190
Binary	1000100	10011010	10111110
Octal	104	232	276

Shades and tints

Shades of #449ABE

#449ABE
(68,154,190)

#3E8CAD
(62,140,173)

#387E9C
(56,126,156)

#32708B
(50,112,139)

#2C627A
(44,98,122)

#265469
(38,84,105)

#204658
(32,70,88)

#1A3847
(26,56,71)

#142A36
(20,42,54)

#0E1C25
(14,28,37)

#080E14
(8,14,20)

#000000
(0,0,0)

Tints of #449ABE

#449ABE
(68,154,190)

#55A3C3
(85,163,195)

#66ACC8
(102,172,200)

#77B5CD
(119,181,205)

#88BED2
(136,190,210)

#99C7D7
(153,199,215)

#AAD0DC
(170,208,220)

#BBD9E1
(187,217,225)

#CCE2E6
(204,226,230)

#DDEBEB
(221,235,235)

#EEF4F0
(238,244,240)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #449ABE color. Also use rgb(68,154,190) instead hex code.

Text Font Color

.myTextColor { color: #449ABE; }

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

This text font color is #449ABE.

Background Color

.myBgColor { background-color: #449ABE; }

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

This div background color is #449ABE.

Border color

.myBorderColor { border: 1px solid #449ABE; }

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

This div border color is #449ABE.

Opacity

.myOpacity80 { color: #449ABE; opacity: 0.8; }

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

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

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

This text has shadow with #449ABE color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #449ABE.

Preview

Color preview on black background

This text has color #449ABE on black background.

Color preview on white background

This text has color #449ABE on white background.

Black color preview on #449ABE background

This text has black color on #449ABE background.

White color preview on #449ABE background

This text has white color on #449ABE background.

COLOR #449ABE