COLORE #C4CAEB

HEX: #C4CAEB
RGB: (196,202,235)

Informazioni

Il colore #C4CAEB contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #C4CAEB il colore web safe è #CCCCFF (#CCF).

Modello di colore RGB

Il colore C4CAEB in RGB è definito come 196,202,235

  • Il rosso è 196;
  • Il verde è 202;
  • Il blu è 235.
RGB:
(196,202,235)
(77%,79%,92%)

Rapporto dei colori in RGB

R 196 da 255 = 77%
G 202 da 255 = 79%
B 235 da 255 = 92%

196
202
235

R + G + B ~ 83%. #C4CAEB colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
196 + 202 + 235 = 633 (100%)
R 196 da 633 ~ 30.96%
G 202 da 633 ~ 31.91%
B 235 da 633 ~ 37.12%

%30.96
%31.91
%37.12

Modello di colore CMYK

Il colore #C4CAEB in CMYK è definito come 17,14,0,8.

  • Il color verde blu è 16.60%
  • Il color magenta è 14.04%
  • Il giallo è 0.00%
  • Il colore chiave è 7.84%
CMYK:
(17,14,0,8)
C17M14Y0K8 
(17%,14%,0%,8%)
(0.17/0.14/0.00/0.08)	

Canali CMYK in percentuale

%16.6
%14.04
%0
%7.84

Codici del colore

Il #C4CAEB nei modelli di colore popolari.

C4CAEB
RGB196202235
HSL231°49.37%84.51%
HSB/HSV231°16.60%92.16%
CMYK16.60%14.04%0.00%
7.84%

Il #C4CAEB nei modelli numerici popolari.

EsadicemaleC4CAEB
Decimale196202235
Binario110001001100101011101011
Ottale304312353

Tonalita del colore

Tonalità scure del colore #C4CAEB

#C4CAEB
(196,202,235)
#B3B8D6
(179,184,214)
#A2A6C1
(162,166,193)
#9194AC
(145,148,172)
#808297
(128,130,151)
#6F7082
(111,112,130)
#5E5E6D
(94,94,109)
#4D4C58
(77,76,88)
#3C3A43
(60,58,67)
#2B282E
(43,40,46)
#1A1619
(26,22,25)
#000000
(0,0,0)

Tonalità chiare del colore #C4CAEB

#C4CAEB
(196,202,235)
#C9CEEC
(201,206,236)
#CED2ED
(206,210,237)
#D3D6EE
(211,214,238)
#D8DAEF
(216,218,239)
#DDDEF0
(221,222,240)
#E2E2F1
(226,226,241)
#E7E6F2
(231,230,242)
#ECEAF3
(236,234,243)
#F1EEF4
(241,238,244)
#F6F2F5
(246,242,245)
#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #C4CAEB; }

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

Il colore di questo testo è #C4CAEB.


Colore dello sfondo

.myBgColor { background-color: #C4CAEB; }

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

Questo div ha lo sfondo di colore #C4CAEB.


Colore del bordo

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

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

Questo div ha i bordi di colore C4CAEB.


Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #C4CAEB.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #C4CAEB;
-webkit-box-shadow: 1px 1px 3px 2px #C4CAEB;
box-shadow:1px 1px 3px 2px #C4CAEB;">
Div content here</div>
Questo div ha l'ombra di colore #C4CAEB.

Esempi

Esempio del colore sullo sfondo nero

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


Esempio del colore sullo sfondo bianco

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



Esempio del testo nero sullo sfondo del colore #C4CAEB

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


Esempio del testo bianco sullo sfondo del colore #C4CAEB

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