COLORE #6C6BB3

HEX: #6C6BB3 RGB: (108,107,179)

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

Informazioni

Il colore #6C6BB3 contiene principalmente il blu. Per il #6C6BB3 il colore web safe è #666699 (#669).

Modello di colore RGB

Il colore 6C6BB3 in RGB è definito come 108,107,179

Il rosso è 108;
Il verde è 107;
Il blu è 179.

RGB: (108,107,179) (42%, 42%, 70%)

Rapporto dei colori in RGB

R 108 da 255 = 42%
G 107 da 255 = 42%
B 179 da 255 = 70%

108

107

179

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

Canali RGB in percentuale

R + G + B = 108 + 107 + 179 = 394 (100%)
R 108 da 394 ~ 27.41%
G 107 da 394 ~ 27.16%
B 179 da 394 ~ 45.43'%

%27.41

%27.16

%45.43

Modello di colore CMYK

Il colore #6C6BB3 in CMYK è definito come 40,40,0,30.

Il color verde blu è 39.66%
Il color magenta è 40.22%
Il giallo è 0.00%
Il colore chiave è 29.80%

CMYK: (40,40,0,30) C40M40Y0K30 (40%,40%,0%,30%) (0.40/0.40/0.00/0.30)

Canali CMYK in percentuale

%39.66

%40.22

%29.8

Codici del colore

Il #6C6BB3 nei modelli di colore popolari.

	6C	6B	B3
RGB	108	107	179
HSL	241°	32.14%	56.08%
HSB/HSV	241°	40.22%	70.20%
CMYK	39.66%	40.22%	0.00%
CMYK	29.80%

Il #6C6BB3 nei modelli numerici popolari.

Esadicemale	6C	6B	B3
Decimale	108	107	179
Binario	1101100	1101011	10110011
Ottale	154	153	263

Tonalita del colore

Tonalità scure del colore #6C6BB3

#6C6BB3
(108,107,179)

#6362A3
(99,98,163)

#5A5993
(90,89,147)

#515083
(81,80,131)

#484773
(72,71,115)

#3F3E63
(63,62,99)

#363553
(54,53,83)

#2D2C43
(45,44,67)

#242333
(36,35,51)

#1B1A23
(27,26,35)

#121113
(18,17,19)

#000000
(0,0,0)

Tonalità chiare del colore #6C6BB3

#6C6BB3
(108,107,179)

#7978B9
(121,120,185)

#8685BF
(134,133,191)

#9392C5
(147,146,197)

#A09FCB
(160,159,203)

#ADACD1
(173,172,209)

#BAB9D7
(186,185,215)

#C7C6DD
(199,198,221)

#D4D3E3
(212,211,227)

#E1E0E9
(225,224,233)

#EEEDEF
(238,237,239)

#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #6C6BB3; }

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

Il colore di questo testo è #6C6BB3.

Colore dello sfondo

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

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

Questo div ha lo sfondo di colore #6C6BB3.

Colore del bordo

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

Questo div ha i bordi di colore 6C6BB3.

Trasparenza

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

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

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