Colore #53AB92, codici hex ed rgb, esempi

Informazioni

Il colore #53AB92 contiene principalmente il verde e il blu. Per il #53AB92 il colore web safe è #669999 (#699).

Modello di colore RGB

Il colore 53AB92 in RGB è definito come 83,171,146

Il rosso è 83;
Il verde è 171;
Il blu è 146.

RGB:
(83,171,146)
(33%,67%,57%)

Rapporto dei colori in RGB

R 83 da 255 = 33%
G 171 da 255 = 67%
B 146 da 255 = 57%

171

146

R + G + B ~ 52%. #53AB92 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
83 + 171 + 146 = 400 (100%)
R 83 da 400 ~ 20.75%
G 171 da 400 ~ 42.75%
B 146 da 400 ~ 36.5%

%20.75

%42.75

%36.5

Modello di colore CMYK

Il colore #53AB92 in CMYK è definito come 51,0,15,33.

Il color verde blu è 51.46%
Il color magenta è 0.00%
Il giallo è 14.62%
Il colore chiave è 32.94%

CMYK:
(51,0,15,33)
C51M0Y15K33 
(51%,0%,15%,33%)
(0.51/0.00/0.15/0.33)

Canali CMYK in percentuale

%51.46

%14.62

%32.94

Codici del colore

Il #53AB92 nei modelli di colore popolari.

	53	AB	92
RGB	83	171	146
HSL	163°	34.65%	49.80%
HSB/HSV	163°	51.46%	67.06%
CMYK	51.46%	0.00%	14.62%
CMYK	32.94%

Il #53AB92 nei modelli numerici popolari.

Esadicemale	53	AB	92
Decimale	83	171	146
Binario	1010011	10101011	10010010
Ottale	123	253	222

Tonalita del colore

Tonalità scure del colore #53AB92

#53AB92
(83,171,146)

#4C9C85
(76,156,133)

#458D78
(69,141,120)

#3E7E6B
(62,126,107)

#376F5E
(55,111,94)

#306051
(48,96,81)

#295144
(41,81,68)

#224237
(34,66,55)

#1B332A
(27,51,42)

#14241D
(20,36,29)

#0D1510
(13,21,16)

#000000
(0,0,0)

Tonalità chiare del colore #53AB92

#53AB92
(83,171,146)

#62B29B
(98,178,155)

#71B9A4
(113,185,164)

#80C0AD
(128,192,173)

#8FC7B6
(143,199,182)

#9ECEBF
(158,206,191)

#ADD5C8
(173,213,200)

#BCDCD1
(188,220,209)

#CBE3DA
(203,227,218)

#DAEAE3
(218,234,227)

#E9F1EC
(233,241,236)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #53AB92. Utilizzate rgb(83,171,146) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #53AB92; }

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

Il colore di questo testo è #53AB92.

Colore dello sfondo

.myBgColor { background-color: #53AB92; }

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

Questo div ha lo sfondo di colore #53AB92.

Colore del bordo

.myBorderColor { border: 1px solid #53AB92; }

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

Questo div ha i bordi di colore 53AB92.

Trasparenza

.myOpacity80 { color: #53AB92; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #53AB92.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #53AB92.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #53AB92 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #53AB92 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #53AB92

Questo è un testo nero sullo sfondo del colore #53AB92.

Esempio del testo bianco sullo sfondo del colore #53AB92

Questo è un testo bianco sullo sfondo del colore #53AB92.

COLORE #53AB92