Colore #7ABDAD, codici hex ed rgb, esempi

Informazioni

Il colore #7ABDAD contiene principalmente il verde e il blu. Per il #7ABDAD il colore web safe è #66CC99 (#6C9).

Modello di colore RGB

Il colore 7ABDAD in RGB è definito come 122,189,173

Il rosso è 122;
Il verde è 189;
Il blu è 173.

RGB:
(122,189,173)
(48%,74%,68%)

Rapporto dei colori in RGB

R 122 da 255 = 48%
G 189 da 255 = 74%
B 173 da 255 = 68%

122

189

173

R + G + B ~ 63%. #7ABDAD colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
122 + 189 + 173 = 484 (100%)
R 122 da 484 ~ 25.21%
G 189 da 484 ~ 39.05%
B 173 da 484 ~ 35.74%

%25.21

%39.05

%35.74

Modello di colore CMYK

Il colore #7ABDAD in CMYK è definito come 35,0,8,26.

Il color verde blu è 35.45%
Il color magenta è 0.00%
Il giallo è 8.47%
Il colore chiave è 25.88%

CMYK:
(35,0,8,26)
C35M0Y8K26 
(35%,0%,8%,26%)
(0.35/0.00/0.08/0.26)

Canali CMYK in percentuale

%35.45

%8.47

%25.88

Codici del colore

Il #7ABDAD nei modelli di colore popolari.

	7A	BD	AD
RGB	122	189	173
HSL	166°	33.67%	60.98%
HSB/HSV	166°	35.45%	74.12%
CMYK	35.45%	0.00%	8.47%
CMYK	25.88%

Il #7ABDAD nei modelli numerici popolari.

Esadicemale	7A	BD	AD
Decimale	122	189	173
Binario	1111010	10111101	10101101
Ottale	172	275	255

Tonalita del colore

Tonalità scure del colore #7ABDAD

#7ABDAD
(122,189,173)

#6FAC9E
(111,172,158)

#649B8F
(100,155,143)

#598A80
(89,138,128)

#4E7971
(78,121,113)

#436862
(67,104,98)

#385753
(56,87,83)

#2D4644
(45,70,68)

#223535
(34,53,53)

#172426
(23,36,38)

#0C1317
(12,19,23)

#000000
(0,0,0)

Tonalità chiare del colore #7ABDAD

#7ABDAD
(122,189,173)

#86C3B4
(134,195,180)

#92C9BB
(146,201,187)

#9ECFC2
(158,207,194)

#AAD5C9
(170,213,201)

#B6DBD0
(182,219,208)

#C2E1D7
(194,225,215)

#CEE7DE
(206,231,222)

#DAEDE5
(218,237,229)

#E6F3EC
(230,243,236)

#F2F9F3
(242,249,243)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #7ABDAD. Utilizzate rgb(122,189,173) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #7ABDAD; }

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

Il colore di questo testo è #7ABDAD.

Colore dello sfondo

.myBgColor { background-color: #7ABDAD; }

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

Questo div ha lo sfondo di colore #7ABDAD.

Colore del bordo

.myBorderColor { border: 1px solid #7ABDAD; }

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

Questo div ha i bordi di colore 7ABDAD.

Trasparenza

.myOpacity80 { color: #7ABDAD; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #7ABDAD.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #7ABDAD.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #7ABDAD sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #7ABDAD sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #7ABDAD

Questo è un testo nero sullo sfondo del colore #7ABDAD.

Esempio del testo bianco sullo sfondo del colore #7ABDAD

Questo è un testo bianco sullo sfondo del colore #7ABDAD.

COLORE #7ABDAD