COLORE #448A76

HEX: #448A76 RGB: (68,138,118)

Informazioni

Il colore #448A76 contiene principalmente il verde e il blu. Per il #448A76 il colore web safe è #339966 (#396).

Modello di colore RGB

Il colore 448A76 in RGB è definito come 68,138,118

RGB: (68,138,118) (27%, 54%, 46%)

Rapporto dei colori in RGB

R 68 da 255 = 27%
G 138 da 255 = 54%
B 118 da 255 = 46%

68
138
118

R + G + B ~ 42%. #448A76 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B = 68 + 138 + 118 = 324 (100%)
R 68 da 324 ~ 20.99%
G 138 da 324 ~ 42.59%
B 118 da 324 ~ 36.42'%

%20.99
%42.59
%36.42

Modello di colore CMYK

Il colore #448A76 in CMYK è definito come 51,0,14,46.

  • Il color verde blu è 50.72%
  • Il color magenta è 0.00%
  • Il giallo è 14.49%
  • Il colore chiave è 45.88%

CMYK: (51,0,14,46)
C51M0Y14K46 (51%, 0%, 14%, 46%)
(0.51 / 0.00 / 0.14 / 0.46)

Canali CMYK in percentuale

%50.72
%0
%14.49
%45.88

Codici del colore

Il #448A76 nei modelli di colore popolari.

44 8A 76
RGB 68 138 118
HSL 163° 33.98% 40.39%
HSB/HSV 163° 50.72% 54.12%
CMYK 50.72% 0.00% 14.49%
45.88%

Il #448A76 nei modelli numerici popolari.

Esadicemale 44 8A 76
Decimale 68 138 118
Binario 1000100 10001010 1110110
Ottale 104 212 166

Tonalita del colore

Tonalità scure del colore #448A76

#448A76
(68,138,118)
#3E7E6C
(62,126,108)
#387262
(56,114,98)
#326658
(50,102,88)
#2C5A4E
(44,90,78)
#264E44
(38,78,68)
#20423A
(32,66,58)
#1A3630
(26,54,48)
#142A26
(20,42,38)
#0E1E1C
(14,30,28)
#081212
(8,18,18)
#000000
(0,0,0)

Tonalità chiare del colore #448A76

#448A76
(68,138,118)
#559482
(85,148,130)
#669E8E
(102,158,142)
#77A89A
(119,168,154)
#88B2A6
(136,178,166)
#99BCB2
(153,188,178)
#AAC6BE
(170,198,190)
#BBD0CA
(187,208,202)
#CCDAD6
(204,218,214)
#DDE4E2
(221,228,226)
#EEEEEE
(238,238,238)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #448A76. Utilizzate rgb(68,138,118) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #448A76; }

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

Il colore di questo testo è #448A76.

Colore dello sfondo

.myBgColor { background-color: #448A76; }

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

Questo div ha lo sfondo di colore #448A76.

Colore del bordo

.myBorderColor { border: 1px solid #448A76; }

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

Questo div ha i bordi di colore 448A76.

Trasparenza

.myOpacity80 { color: #448A76; opacity: 0.8; }

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

Il testo di color #448A76 e trasparenza 100% | 80% | 50% | 30%.

Sfondo con il livello di trasparenza 100%.
Sfondo con il livello di trasparenza 80%.
Sfondo con il livello di trasparenza 50%.
Sfondo con il livello di trasparenza 30%.

Colore dell'ombra del testo

.textShadow {text-shadow: 3px 3px 1px #448A76;}

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

Questo testo ha l'ombra di colore #448A76.


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

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

Questo testo ha l'ombra del colore principale #448A76 e del colore secondario rosso.


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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #448A76.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #448A76 sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #448A76 sullo sfondo bianco.


Esempio del testo nero sullo sfondo del colore #448A76

Questo è un testo nero sullo sfondo del colore #448A76.


Esempio del testo bianco sullo sfondo del colore #448A76

Questo è un testo bianco sullo sfondo del colore #448A76.


Colori simili

Colore complimentare

Il colore complimentare del #hex è #BB7589..


I love getcolorcode.com

Triade di colore

1 #76448A and #8A7644 with #448A76 are triadic colors.

2 #768A44 and #8A4476 with #448A76 are triadic colors.