COLORE #6CA2B5

HEX: #6CA2B5 RGB: (108,162,181)

Informazioni
Codici del colore
Stili css3
Esempi
Tonalita del colore
Combinazioni di colori

Informazioni

Il colore #6CA2B5 contiene principalmente il verde e il blu. Per il #6CA2B5 il colore web safe è #6699CC (#69C).

Modello di colore RGB

Il colore 6CA2B5 in RGB è definito come 108,162,181

Il rosso è 108;
Il verde è 162;
Il blu è 181.

RGB: (108,162,181) (42%, 64%, 71%)

Rapporto dei colori in RGB

R 108 da 255 = 42%
G 162 da 255 = 64%
B 181 da 255 = 71%

108

162

181

R + G + B ~ 59%. #6CA2B5 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B = 108 + 162 + 181 = 451 (100%)
R 108 da 451 ~ 23.95%
G 162 da 451 ~ 35.92%
B 181 da 451 ~ 40.13'%

%23.95

%35.92

%40.13

Modello di colore CMYK

Il colore #6CA2B5 in CMYK è definito come 40,10,0,29.

Il color verde blu è 40.33%
Il color magenta è 10.50%
Il giallo è 0.00%
Il colore chiave è 29.02%

CMYK: (40,10,0,29)
C40M10Y0K29 (40%, 10%, 0%, 29%)
(0.40 / 0.10 / 0.00 / 0.29)

Canali CMYK in percentuale

%40.33

%10.5

%29.02

Codici del colore

Il #6CA2B5 nei modelli di colore popolari.

	6C	A2	B5
RGB	108	162	181
HSL	196°	33.03%	56.67%
HSB/HSV	196°	40.33%	70.98%
CMYK	40.33%	10.50%	0.00%
CMYK	29.02%

Il #6CA2B5 nei modelli numerici popolari.

Esadicemale	6C	A2	B5
Decimale	108	162	181
Binario	1101100	10100010	10110101
Ottale	154	242	265

Tonalita del colore

Tonalità scure del colore #6CA2B5

#6CA2B5
(108,162,181)

#6394A5
(99,148,165)

#5A8695
(90,134,149)

#517885
(81,120,133)

#486A75
(72,106,117)

#3F5C65
(63,92,101)

#364E55
(54,78,85)

#2D4045
(45,64,69)

#243235
(36,50,53)

#1B2425
(27,36,37)

#121615
(18,22,21)

#000000
(0,0,0)

Tonalità chiare del colore #6CA2B5

#6CA2B5
(108,162,181)

#79AABB
(121,170,187)

#86B2C1
(134,178,193)

#93BAC7
(147,186,199)

#A0C2CD
(160,194,205)

#ADCAD3
(173,202,211)

#BAD2D9
(186,210,217)

#C7DADF
(199,218,223)

#D4E2E5
(212,226,229)

#E1EAEB
(225,234,235)

#EEF2F1
(238,242,241)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #6CA2B5. Utilizzate rgb(108,162,181) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #6CA2B5; }

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

Il colore di questo testo è #6CA2B5.

Colore dello sfondo

.myBgColor { background-color: #6CA2B5; }

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

Questo div ha lo sfondo di colore #6CA2B5.

Colore del bordo

.myBorderColor { border: 1px solid #6CA2B5; }

Questo div ha i bordi di colore 6CA2B5.

Trasparenza

.myOpacity80 { color: #6CA2B5; opacity: 0.8; }

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

Questo testo ha l'ombra di colore #6CA2B5.

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #6CA2B5.