COLORE #6C7ACC

HEX: #6C7ACC RGB: (108,122,204)

Informazioni

Il colore #6C7ACC contiene principalmente il blu. Per il #6C7ACC il colore web safe è #6666CC (#66C).

Modello di colore RGB

Il colore 6C7ACC in RGB è definito come 108,122,204

RGB: (108,122,204) (42%, 48%, 80%)

Rapporto dei colori in RGB

R 108 da 255 = 42%
G 122 da 255 = 48%
B 204 da 255 = 80%

108
122
204

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

Canali RGB in percentuale

R + G + B = 108 + 122 + 204 = 434 (100%)
R 108 da 434 ~ 24.88%
G 122 da 434 ~ 28.11%
B 204 da 434 ~ 47'%

%24.88
%28.11
%47

Modello di colore CMYK

Il colore #6C7ACC in CMYK è definito come 47,40,0,20.

  • Il color verde blu è 47.06%
  • Il color magenta è 40.20%
  • Il giallo è 0.00%
  • Il colore chiave è 20.00%

CMYK: (47,40,0,20)
C47M40Y0K20 (47%, 40%, 0%, 20%)
(0.47 / 0.40 / 0.00 / 0.20)

Canali CMYK in percentuale

%47.06
%40.2
%0
%20

Codici del colore

Il #6C7ACC nei modelli di colore popolari.

6C 7A CC
RGB 108 122 204
HSL 231° 48.48% 61.18%
HSB/HSV 231° 47.06% 80.00%
CMYK 47.06% 40.20% 0.00%
20.00%

Il #6C7ACC nei modelli numerici popolari.

Esadicemale 6C 7A CC
Decimale 108 122 204
Binario 1101100 1111010 11001100
Ottale 154 172 314

Tonalita del colore

Tonalità scure del colore #6C7ACC

#6C7ACC
(108,122,204)
#636FBA
(99,111,186)
#5A64A8
(90,100,168)
#515996
(81,89,150)
#484E84
(72,78,132)
#3F4372
(63,67,114)
#363860
(54,56,96)
#2D2D4E
(45,45,78)
#24223C
(36,34,60)
#1B172A
(27,23,42)
#120C18
(18,12,24)
#000000
(0,0,0)

Tonalità chiare del colore #6C7ACC

#6C7ACC
(108,122,204)
#7986D0
(121,134,208)
#8692D4
(134,146,212)
#939ED8
(147,158,216)
#A0AADC
(160,170,220)
#ADB6E0
(173,182,224)
#BAC2E4
(186,194,228)
#C7CEE8
(199,206,232)
#D4DAEC
(212,218,236)
#E1E6F0
(225,230,240)
#EEF2F4
(238,242,244)
#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #6C7ACC; }

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

Il colore di questo testo è #6C7ACC.

Colore dello sfondo

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

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

Questo div ha lo sfondo di colore #6C7ACC.

Colore del bordo

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

<div style="border:3px solid #6C7ACC">Div</div>

Questo div ha i bordi di colore 6C7ACC.

Trasparenza

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

<p style="color:#6C7ACC;opacity:0.8;">80%</p>

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

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

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


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

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

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


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

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

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

Colore dell'ombra dell'elemento div

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

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

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

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #6C7ACC sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #6C7ACC sullo sfondo bianco.


Esempio del testo nero sullo sfondo del colore #6C7ACC

Questo è un testo nero sullo sfondo del colore #6C7ACC.


Esempio del testo bianco sullo sfondo del colore #6C7ACC

Questo è un testo bianco sullo sfondo del colore #6C7ACC.


Colori simili

Colore complimentare

Il colore complimentare del #hex è #938533..


I love getcolorcode.com

Triade di colore

1 #CC6C7A and #7ACC6C with #6C7ACC are triadic colors.

2 #CC7A6C and #7A6CCC with #6C7ACC are triadic colors.