Colore #ADBBD5, codici hex ed rgb, esempi

Informazioni

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

Modello di colore RGB

Il colore ADBBD5 in RGB è definito come 173,187,213

Il rosso è 173;
Il verde è 187;
Il blu è 213.

RGB:
(173,187,213)
(68%,73%,84%)

Rapporto dei colori in RGB

R 173 da 255 = 68%
G 187 da 255 = 73%
B 213 da 255 = 84%

173

187

213

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

Canali RGB in percentuale

R + G + B =
173 + 187 + 213 = 573 (100%)
R 173 da 573 ~ 30.19%
G 187 da 573 ~ 32.64%
B 213 da 573 ~ 37.17%

%30.19

%32.64

%37.17

Modello di colore CMYK

Il colore #ADBBD5 in CMYK è definito come 19,12,0,16.

Il color verde blu è 18.78%
Il color magenta è 12.21%
Il giallo è 0.00%
Il colore chiave è 16.47%

CMYK:
(19,12,0,16)
C19M12Y0K16 
(19%,12%,0%,16%)
(0.19/0.12/0.00/0.16)

Canali CMYK in percentuale

%18.78

%12.21

%16.47

Codici del colore

Il #ADBBD5 nei modelli di colore popolari.

	AD	BB	D5
RGB	173	187	213
HSL	219°	32.26%	75.69%
HSB/HSV	219°	18.78%	83.53%
CMYK	18.78%	12.21%	0.00%
CMYK	16.47%

Il #ADBBD5 nei modelli numerici popolari.

Esadicemale	AD	BB	D5
Decimale	173	187	213
Binario	10101101	10111011	11010101
Ottale	255	273	325

Tonalita del colore

Tonalità scure del colore #ADBBD5

#ADBBD5
(173,187,213)

#9EAAC2
(158,170,194)

#8F99AF
(143,153,175)

#80889C
(128,136,156)

#717789
(113,119,137)

#626676
(98,102,118)

#535563
(83,85,99)

#444450
(68,68,80)

#35333D
(53,51,61)

#26222A
(38,34,42)

#171117
(23,17,23)

#000000
(0,0,0)

Tonalità chiare del colore #ADBBD5

#ADBBD5
(173,187,213)

#B4C1D8
(180,193,216)

#BBC7DB
(187,199,219)

#C2CDDE
(194,205,222)

#C9D3E1
(201,211,225)

#D0D9E4
(208,217,228)

#D7DFE7
(215,223,231)

#DEE5EA
(222,229,234)

#E5EBED
(229,235,237)

#ECF1F0
(236,241,240)

#F3F7F3
(243,247,243)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #ADBBD5. Utilizzate rgb(173,187,213) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #ADBBD5; }

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

Il colore di questo testo è #ADBBD5.

Colore dello sfondo

.myBgColor { background-color: #ADBBD5; }

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

Questo div ha lo sfondo di colore #ADBBD5.

Colore del bordo

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

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

Questo div ha i bordi di colore ADBBD5.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #ADBBD5.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #ADBBD5.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #ADBBD5

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

Esempio del testo bianco sullo sfondo del colore #ADBBD5

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

COLORE #ADBBD5