Colore #AB6A83, codici hex ed rgb, esempi

Informazioni

Il colore #AB6A83 contiene principalmente il rosso e il blu. Per il #AB6A83 il colore web safe è #996699 (#969).

Modello di colore RGB

Il colore AB6A83 in RGB è definito come 171,106,131

Il rosso è 171;
Il verde è 106;
Il blu è 131.

RGB:
(171,106,131)
(67%,42%,51%)

Rapporto dei colori in RGB

R 171 da 255 = 67%
G 106 da 255 = 42%
B 131 da 255 = 51%

171

106

131

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

Canali RGB in percentuale

R + G + B =
171 + 106 + 131 = 408 (100%)
R 171 da 408 ~ 41.91%
G 106 da 408 ~ 25.98%
B 131 da 408 ~ 32.11%

%41.91

%25.98

%32.11

Modello di colore CMYK

Il colore #AB6A83 in CMYK è definito come 0,38,23,33.

Il color verde blu è 0.00%
Il color magenta è 38.01%
Il giallo è 23.39%
Il colore chiave è 32.94%

CMYK:
(0,38,23,33)
C0M38Y23K33 
(0%,38%,23%,33%)
(0.00/0.38/0.23/0.33)

Canali CMYK in percentuale

%38.01

%23.39

%32.94

Codici del colore

Il #AB6A83 nei modelli di colore popolari.

	AB	6A	83
RGB	171	106	131
HSL	337°	27.90%	54.31%
HSB/HSV	337°	38.01%	67.06%
CMYK	0.00%	38.01%	23.39%
CMYK	32.94%

Il #AB6A83 nei modelli numerici popolari.

Esadicemale	AB	6A	83
Decimale	171	106	131
Binario	10101011	1101010	10000011
Ottale	253	152	203

Tonalita del colore

Tonalità scure del colore #AB6A83

#AB6A83
(171,106,131)

#9C6178
(156,97,120)

#8D586D
(141,88,109)

#7E4F62
(126,79,98)

#6F4657
(111,70,87)

#603D4C
(96,61,76)

#513441
(81,52,65)

#422B36
(66,43,54)

#33222B
(51,34,43)

#241920
(36,25,32)

#151015
(21,16,21)

#000000
(0,0,0)

Tonalità chiare del colore #AB6A83

#AB6A83
(171,106,131)

#B2778E
(178,119,142)

#B98499
(185,132,153)

#C091A4
(192,145,164)

#C79EAF
(199,158,175)

#CEABBA
(206,171,186)

#D5B8C5
(213,184,197)

#DCC5D0
(220,197,208)

#E3D2DB
(227,210,219)

#EADFE6
(234,223,230)

#F1ECF1
(241,236,241)

#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #AB6A83; }

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

Il colore di questo testo è #AB6A83.

Colore dello sfondo

.myBgColor { background-color: #AB6A83; }

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

Questo div ha lo sfondo di colore #AB6A83.

Colore del bordo

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

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

Questo div ha i bordi di colore AB6A83.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #AB6A83.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #AB6A83.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #AB6A83

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

Esempio del testo bianco sullo sfondo del colore #AB6A83

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

COLORE #AB6A83