Colore #ABCCC4, codici hex ed rgb, esempi

Informazioni

Il colore #ABCCC4 contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #ABCCC4 il colore web safe è #99CCCC (#9CC).

Modello di colore RGB

Il colore ABCCC4 in RGB è definito come 171,204,196

Il rosso è 171;
Il verde è 204;
Il blu è 196.

RGB:
(171,204,196)
(67%,80%,77%)

Rapporto dei colori in RGB

R 171 da 255 = 67%
G 204 da 255 = 80%
B 196 da 255 = 77%

171

204

196

R + G + B ~ 75%. #ABCCC4 colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
171 + 204 + 196 = 571 (100%)
R 171 da 571 ~ 29.95%
G 204 da 571 ~ 35.73%
B 196 da 571 ~ 34.33%

%29.95

%35.73

%34.33

Modello di colore CMYK

Il colore #ABCCC4 in CMYK è definito come 16,0,4,20.

Il color verde blu è 16.18%
Il color magenta è 0.00%
Il giallo è 3.92%
Il colore chiave è 20.00%

CMYK:
(16,0,4,20)
C16M0Y4K20 
(16%,0%,4%,20%)
(0.16/0.00/0.04/0.20)

Canali CMYK in percentuale

%16.18

%3.92

%20

Codici del colore

Il #ABCCC4 nei modelli di colore popolari.

	AB	CC	C4
RGB	171	204	196
HSL	165°	24.44%	73.53%
HSB/HSV	165°	16.18%	80.00%
CMYK	16.18%	0.00%	3.92%
CMYK	20.00%

Il #ABCCC4 nei modelli numerici popolari.

Esadicemale	AB	CC	C4
Decimale	171	204	196
Binario	10101011	11001100	11000100
Ottale	253	314	304

Tonalita del colore

Tonalità scure del colore #ABCCC4

#ABCCC4
(171,204,196)

#9CBAB3
(156,186,179)

#8DA8A2
(141,168,162)

#7E9691
(126,150,145)

#6F8480
(111,132,128)

#60726F
(96,114,111)

#51605E
(81,96,94)

#424E4D
(66,78,77)

#333C3C
(51,60,60)

#242A2B
(36,42,43)

#15181A
(21,24,26)

#000000
(0,0,0)

Tonalità chiare del colore #ABCCC4

#ABCCC4
(171,204,196)

#B2D0C9
(178,208,201)

#B9D4CE
(185,212,206)

#C0D8D3
(192,216,211)

#C7DCD8
(199,220,216)

#CEE0DD
(206,224,221)

#D5E4E2
(213,228,226)

#DCE8E7
(220,232,231)

#E3ECEC
(227,236,236)

#EAF0F1
(234,240,241)

#F1F4F6
(241,244,246)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #ABCCC4. Utilizzate rgb(171,204,196) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #ABCCC4; }

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

Il colore di questo testo è #ABCCC4.

Colore dello sfondo

.myBgColor { background-color: #ABCCC4; }

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

Questo div ha lo sfondo di colore #ABCCC4.

Colore del bordo

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

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

Questo div ha i bordi di colore ABCCC4.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #ABCCC4.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #ABCCC4.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #ABCCC4 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #ABCCC4 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #ABCCC4

Questo è un testo nero sullo sfondo del colore #ABCCC4.

Esempio del testo bianco sullo sfondo del colore #ABCCC4

Questo è un testo bianco sullo sfondo del colore #ABCCC4.

COLORE #ABCCC4