Colore #CC5A84, codici hex ed rgb, esempi

Informazioni

Il colore #CC5A84 contiene principalmente il rosso. Per il #CC5A84 il colore web safe è #CC6699 (#C69).

Modello di colore RGB

Il colore CC5A84 in RGB è definito come 204,90,132

Il rosso è 204;
Il verde è 90;
Il blu è 132.

RGB:
(204,90,132)
(80%,35%,52%)

Rapporto dei colori in RGB

R 204 da 255 = 80%
G 90 da 255 = 35%
B 132 da 255 = 52%

204

132

R + G + B ~ 56%. #CC5A84 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
204 + 90 + 132 = 426 (100%)
R 204 da 426 ~ 47.89%
G 90 da 426 ~ 21.13%
B 132 da 426 ~ 30.99%

%47.89

%21.13

%30.99

Modello di colore CMYK

Il colore #CC5A84 in CMYK è definito come 0,56,35,20.

Il color verde blu è 0.00%
Il color magenta è 55.88%
Il giallo è 35.29%
Il colore chiave è 20.00%

CMYK:
(0,56,35,20)
C0M56Y35K20 
(0%,56%,35%,20%)
(0.00/0.56/0.35/0.20)

Canali CMYK in percentuale

%55.88

%35.29

%20

Codici del colore

Il #CC5A84 nei modelli di colore popolari.

	CC	5A	84
RGB	204	90	132
HSL	338°	52.78%	57.65%
HSB/HSV	338°	55.88%	80.00%
CMYK	0.00%	55.88%	35.29%
CMYK	20.00%

Il #CC5A84 nei modelli numerici popolari.

Esadicemale	CC	5A	84
Decimale	204	90	132
Binario	11001100	1011010	10000100
Ottale	314	132	204

Tonalita del colore

Tonalità scure del colore #CC5A84

#CC5A84
(204,90,132)

#BA5278
(186,82,120)

#A84A6C
(168,74,108)

#964260
(150,66,96)

#843A54
(132,58,84)

#723248
(114,50,72)

#602A3C
(96,42,60)

#4E2230
(78,34,48)

#3C1A24
(60,26,36)

#2A1218
(42,18,24)

#180A0C
(24,10,12)

#000000
(0,0,0)

Tonalità chiare del colore #CC5A84

#CC5A84
(204,90,132)

#D0698F
(208,105,143)

#D4789A
(212,120,154)

#D887A5
(216,135,165)

#DC96B0
(220,150,176)

#E0A5BB
(224,165,187)

#E4B4C6
(228,180,198)

#E8C3D1
(232,195,209)

#ECD2DC
(236,210,220)

#F0E1E7
(240,225,231)

#F4F0F2
(244,240,242)

#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #CC5A84; }

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

Il colore di questo testo è #CC5A84.

Colore dello sfondo

.myBgColor { background-color: #CC5A84; }

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

Questo div ha lo sfondo di colore #CC5A84.

Colore del bordo

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

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

Questo div ha i bordi di colore CC5A84.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #CC5A84.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #CC5A84.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #CC5A84

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

Esempio del testo bianco sullo sfondo del colore #CC5A84

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

COLORE #CC5A84