Colore #155A4C, codici hex ed rgb, esempi

Informazioni

Il colore #155A4C contiene principalmente il verde e il blu. Per il #155A4C il colore web safe è #006633 (#063).

Modello di colore RGB

Il colore 155A4C in RGB è definito come 21,90,76

Il rosso è 21;
Il verde è 90;
Il blu è 76.

RGB:
(21,90,76)
(8%,35%,30%)

Rapporto dei colori in RGB

R 21 da 255 = 8%
G 90 da 255 = 35%
B 76 da 255 = 30%

R + G + B ~ 24%. #155A4C colore scuro.

Canali RGB in percentuale

R + G + B =
21 + 90 + 76 = 187 (100%)
R 21 da 187 ~ 11.23%
G 90 da 187 ~ 48.13%
B 76 da 187 ~ 40.64%

%11.23

%48.13

%40.64

Modello di colore CMYK

Il colore #155A4C in CMYK è definito come 77,0,16,65.

Il color verde blu è 76.67%
Il color magenta è 0.00%
Il giallo è 15.56%
Il colore chiave è 64.71%

CMYK:
(77,0,16,65)
C77M0Y16K65 
(77%,0%,16%,65%)
(0.77/0.00/0.16/0.65)

Canali CMYK in percentuale

%76.67

%15.56

%64.71

Codici del colore

Il #155A4C nei modelli di colore popolari.

	15	5A	4C
RGB	21	90	76
HSL	168°	62.16%	21.76%
HSB/HSV	168°	76.67%	35.29%
CMYK	76.67%	0.00%	15.56%
CMYK	64.71%

Il #155A4C nei modelli numerici popolari.

Esadicemale	15	5A	4C
Decimale	21	90	76
Binario	10101	1011010	1001100
Ottale	25	132	114

Tonalita del colore

Tonalità scure del colore #155A4C

#155A4C
(21,90,76)

#145246
(20,82,70)

#134A40
(19,74,64)

#12423A
(18,66,58)

#113A34
(17,58,52)

#10322E
(16,50,46)

#0F2A28
(15,42,40)

#0E2222
(14,34,34)

#0D1A1C
(13,26,28)

#0C1216
(12,18,22)

#0B0A10
(11,10,16)

#000000
(0,0,0)

Tonalità chiare del colore #155A4C

#155A4C
(21,90,76)

#2A695C
(42,105,92)

#3F786C
(63,120,108)

#54877C
(84,135,124)

#69968C
(105,150,140)

#7EA59C
(126,165,156)

#93B4AC
(147,180,172)

#A8C3BC
(168,195,188)

#BDD2CC
(189,210,204)

#D2E1DC
(210,225,220)

#E7F0EC
(231,240,236)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #155A4C. Utilizzate rgb(21,90,76) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #155A4C; }

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

Il colore di questo testo è #155A4C.

Colore dello sfondo

.myBgColor { background-color: #155A4C; }

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

Questo div ha lo sfondo di colore #155A4C.

Colore del bordo

.myBorderColor { border: 1px solid #155A4C; }

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

Questo div ha i bordi di colore 155A4C.

Trasparenza

.myOpacity80 { color: #155A4C; opacity: 0.8; }

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

Il testo di color #155A4C 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 #155A4C;}

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

Questo testo ha l'ombra di colore #155A4C.

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

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

Questo testo ha l'ombra del colore principale #155A4C e del colore secondario rosso.

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #155A4C.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #155A4C sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #155A4C sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #155A4C

Questo è un testo nero sullo sfondo del colore #155A4C.

Esempio del testo bianco sullo sfondo del colore #155A4C

Questo è un testo bianco sullo sfondo del colore #155A4C.

COLORE #155A4C