Colore #C36A90, codici hex ed rgb, esempi

Informazioni

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

Modello di colore RGB

Il colore C36A90 in RGB è definito come 195,106,144

Il rosso è 195;
Il verde è 106;
Il blu è 144.

RGB:
(195,106,144)
(76%,42%,56%)

Rapporto dei colori in RGB

R 195 da 255 = 76%
G 106 da 255 = 42%
B 144 da 255 = 56%

195

106

144

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

Canali RGB in percentuale

R + G + B =
195 + 106 + 144 = 445 (100%)
R 195 da 445 ~ 43.82%
G 106 da 445 ~ 23.82%
B 144 da 445 ~ 32.36%

%43.82

%23.82

%32.36

Modello di colore CMYK

Il colore #C36A90 in CMYK è definito come 0,46,26,24.

Il color verde blu è 0.00%
Il color magenta è 45.64%
Il giallo è 26.15%
Il colore chiave è 23.53%

CMYK:
(0,46,26,24)
C0M46Y26K24 
(0%,46%,26%,24%)
(0.00/0.46/0.26/0.24)

Canali CMYK in percentuale

%45.64

%26.15

%23.53

Codici del colore

Il #C36A90 nei modelli di colore popolari.

	C3	6A	90
RGB	195	106	144
HSL	334°	42.58%	59.02%
HSB/HSV	334°	45.64%	76.47%
CMYK	0.00%	45.64%	26.15%
CMYK	23.53%

Il #C36A90 nei modelli numerici popolari.

Esadicemale	C3	6A	90
Decimale	195	106	144
Binario	11000011	1101010	10010000
Ottale	303	152	220

Tonalita del colore

Tonalità scure del colore #C36A90

#C36A90
(195,106,144)

#B26183
(178,97,131)

#A15876
(161,88,118)

#904F69
(144,79,105)

#7F465C
(127,70,92)

#6E3D4F
(110,61,79)

#5D3442
(93,52,66)

#4C2B35
(76,43,53)

#3B2228
(59,34,40)

#2A191B
(42,25,27)

#19100E
(25,16,14)

#000000
(0,0,0)

Tonalità chiare del colore #C36A90

#C36A90
(195,106,144)

#C8779A
(200,119,154)

#CD84A4
(205,132,164)

#D291AE
(210,145,174)

#D79EB8
(215,158,184)

#DCABC2
(220,171,194)

#E1B8CC
(225,184,204)

#E6C5D6
(230,197,214)

#EBD2E0
(235,210,224)

#F0DFEA
(240,223,234)

#F5ECF4
(245,236,244)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #C36A90. Utilizzate rgb(195,106,144) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #C36A90; }

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

Il colore di questo testo è #C36A90.

Colore dello sfondo

.myBgColor { background-color: #C36A90; }

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

Questo div ha lo sfondo di colore #C36A90.

Colore del bordo

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

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

Questo div ha i bordi di colore C36A90.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #C36A90.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #C36A90.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #C36A90

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

Esempio del testo bianco sullo sfondo del colore #C36A90

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

COLORE #C36A90