Colore #224155, codici hex ed rgb, esempi

Informazioni

Il colore #224155 contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #224155 il colore web safe è #333366 (#336).

Modello di colore RGB

Il colore 224155 in RGB è definito come 34,65,85

Il rosso è 34;
Il verde è 65;
Il blu è 85.

RGB: (34,65,85) (13%, 25%, 33%)

Rapporto dei colori in RGB

R 34 da 255 = 13%
G 65 da 255 = 25%
B 85 da 255 = 33%

34

65

85

R + G + B ~ 24%. #224155 colore scuro.

Canali RGB in percentuale

R + G + B = 34 + 65 + 85 = 184 (100%)
R 34 da 184 ~ 18.48%
G 65 da 184 ~ 35.33%
B 85 da 184 ~ 46.2'%

%18.48

%35.33

%46.2

Modello di colore CMYK

Il colore #224155 in CMYK è definito come 60,24,0,67.

Il color verde blu è 60.00%
Il color magenta è 23.53%
Il giallo è 0.00%
Il colore chiave è 66.67%

CMYK: (60,24,0,67)
C60M24Y0K67 (60%, 24%, 0%, 67%)
(0.60 / 0.24 / 0.00 / 0.67)

Canali CMYK in percentuale

%60

%23.53

%0

%66.67

Codici del colore

Il #224155 nei modelli di colore popolari.

	22	41	55
RGB	34	65	85
HSL	204°	42.86%	23.33%
HSB/HSV	204°	60.00%	33.33%
CMYK	60.00%	23.53%	0.00%
CMYK	66.67%

Il #224155 nei modelli numerici popolari.

Esadicemale	22	41	55
Decimale	34	65	85
Binario	100010	1000001	1010101
Ottale	42	101	125

Tonalita del colore

Tonalità scure del colore #224155

#224155
(34,65,85)

#1F3C4E
(31,60,78)

#1C3747
(28,55,71)

#193240
(25,50,64)

#162D39
(22,45,57)

#132832
(19,40,50)

#10232B
(16,35,43)

#0D1E24
(13,30,36)

#0A191D
(10,25,29)

#071416
(7,20,22)

#040F0F
(4,15,15)

#000000
(0,0,0)

Tonalità chiare del colore #224155

#224155
(34,65,85)

#365264
(54,82,100)

#4A6373
(74,99,115)

#5E7482
(94,116,130)

#728591
(114,133,145)

#8696A0
(134,150,160)

#9AA7AF
(154,167,175)

#AEB8BE
(174,184,190)

#C2C9CD
(194,201,205)

#D6DADC
(214,218,220)

#EAEBEB
(234,235,235)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #224155. Utilizzate rgb(34,65,85) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #224155; }

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

Il colore di questo testo è #224155.

Colore dello sfondo

.myBgColor { background-color: #224155; }

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

Questo div ha lo sfondo di colore #224155.

Colore del bordo

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

Questo div ha i bordi di colore 224155.

Trasparenza

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

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

Questo testo ha l'ombra di colore #224155.

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #224155.