COLORE #336A82

HEX: #336A82 RGB: (51,106,130)

Informazioni

Il colore #336A82 contiene principalmente il verde e il blu. Per il #336A82 il colore web safe è #336699 (#369).

Modello di colore RGB

Il colore 336A82 in RGB è definito come 51,106,130

RGB: (51,106,130) (20%, 42%, 51%)

Rapporto dei colori in RGB

R 51 da 255 = 20%
G 106 da 255 = 42%
B 130 da 255 = 51%

51
106
130

R + G + B ~ 38%. #336A82 colore abbastanza scuro.

Canali RGB in percentuale

R + G + B = 51 + 106 + 130 = 287 (100%)
R 51 da 287 ~ 17.77%
G 106 da 287 ~ 36.93%
B 130 da 287 ~ 45.3'%

%17.77
%36.93
%45.3

Modello di colore CMYK

Il colore #336A82 in CMYK è definito come 61,18,0,49.

  • Il color verde blu è 60.77%
  • Il color magenta è 18.46%
  • Il giallo è 0.00%
  • Il colore chiave è 49.02%

CMYK: (61,18,0,49)
C61M18Y0K49 (61%, 18%, 0%, 49%)
(0.61 / 0.18 / 0.00 / 0.49)

Canali CMYK in percentuale

%60.77
%18.46
%0
%49.02

Codici del colore

Il #336A82 nei modelli di colore popolari.

33 6A 82
RGB 51 106 130
HSL 198° 43.65% 35.49%
HSB/HSV 198° 60.77% 50.98%
CMYK 60.77% 18.46% 0.00%
49.02%

Il #336A82 nei modelli numerici popolari.

Esadicemale 33 6A 82
Decimale 51 106 130
Binario 110011 1101010 10000010
Ottale 63 152 202

Tonalita del colore

Tonalità scure del colore #336A82

#336A82
(51,106,130)
#2F6177
(47,97,119)
#2B586C
(43,88,108)
#274F61
(39,79,97)
#234656
(35,70,86)
#1F3D4B
(31,61,75)
#1B3440
(27,52,64)
#172B35
(23,43,53)
#13222A
(19,34,42)
#0F191F
(15,25,31)
#0B1014
(11,16,20)
#000000
(0,0,0)

Tonalità chiare del colore #336A82

#336A82
(51,106,130)
#45778D
(69,119,141)
#578498
(87,132,152)
#6991A3
(105,145,163)
#7B9EAE
(123,158,174)
#8DABB9
(141,171,185)
#9FB8C4
(159,184,196)
#B1C5CF
(177,197,207)
#C3D2DA
(195,210,218)
#D5DFE5
(213,223,229)
#E7ECF0
(231,236,240)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #336A82. Utilizzate rgb(51,106,130) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #336A82; }

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

Il colore di questo testo è #336A82.

Colore dello sfondo

.myBgColor { background-color: #336A82; }

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

Questo div ha lo sfondo di colore #336A82.

Colore del bordo

.myBorderColor { border: 1px solid #336A82; }

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

Questo div ha i bordi di colore 336A82.

Trasparenza

.myOpacity80 { color: #336A82; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #336A82.


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

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

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


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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #336A82.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #336A82 sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #336A82 sullo sfondo bianco.


Esempio del testo nero sullo sfondo del colore #336A82

Questo è un testo nero sullo sfondo del colore #336A82.


Esempio del testo bianco sullo sfondo del colore #336A82

Questo è un testo bianco sullo sfondo del colore #336A82.


Colori simili

Colore complimentare

Il colore complimentare del #hex è #CC957D..


I love getcolorcode.com

Triade di colore

1 #82336A and #6A8233 with #336A82 are triadic colors.

2 #826A33 and #6A3382 with #336A82 are triadic colors.