Colore #587AC3, codici hex ed rgb, esempi

Informazioni

Il colore #587AC3 contiene principalmente il blu. Per il #587AC3 il colore web safe è #6666CC (#66C).

Modello di colore RGB

Il colore 587AC3 in RGB è definito come 88,122,195

Il rosso è 88;
Il verde è 122;
Il blu è 195.

RGB:
(88,122,195)
(35%,48%,76%)

Rapporto dei colori in RGB

R 88 da 255 = 35%
G 122 da 255 = 48%
B 195 da 255 = 76%

122

195

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

Canali RGB in percentuale

R + G + B =
88 + 122 + 195 = 405 (100%)
R 88 da 405 ~ 21.73%
G 122 da 405 ~ 30.12%
B 195 da 405 ~ 48.15%

%21.73

%30.12

%48.15

Modello di colore CMYK

Il colore #587AC3 in CMYK è definito come 55,37,0,24.

Il color verde blu è 54.87%
Il color magenta è 37.44%
Il giallo è 0.00%
Il colore chiave è 23.53%

CMYK:
(55,37,0,24)
C55M37Y0K24 
(55%,37%,0%,24%)
(0.55/0.37/0.00/0.24)

Canali CMYK in percentuale

%54.87

%37.44

%23.53

Codici del colore

Il #587AC3 nei modelli di colore popolari.

	58	7A	C3
RGB	88	122	195
HSL	221°	47.14%	55.49%
HSB/HSV	221°	54.87%	76.47%
CMYK	54.87%	37.44%	0.00%
CMYK	23.53%

Il #587AC3 nei modelli numerici popolari.

Esadicemale	58	7A	C3
Decimale	88	122	195
Binario	1011000	1111010	11000011
Ottale	130	172	303

Tonalita del colore

Tonalità scure del colore #587AC3

#587AC3
(88,122,195)

#506FB2
(80,111,178)

#4864A1
(72,100,161)

#405990
(64,89,144)

#384E7F
(56,78,127)

#30436E
(48,67,110)

#28385D
(40,56,93)

#202D4C
(32,45,76)

#18223B
(24,34,59)

#10172A
(16,23,42)

#080C19
(8,12,25)

#000000
(0,0,0)

Tonalità chiare del colore #587AC3

#587AC3
(88,122,195)

#6786C8
(103,134,200)

#7692CD
(118,146,205)

#859ED2
(133,158,210)

#94AAD7
(148,170,215)

#A3B6DC
(163,182,220)

#B2C2E1
(178,194,225)

#C1CEE6
(193,206,230)

#D0DAEB
(208,218,235)

#DFE6F0
(223,230,240)

#EEF2F5
(238,242,245)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #587AC3. Utilizzate rgb(88,122,195) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #587AC3; }

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

Il colore di questo testo è #587AC3.

Colore dello sfondo

.myBgColor { background-color: #587AC3; }

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

Questo div ha lo sfondo di colore #587AC3.

Colore del bordo

.myBorderColor { border: 1px solid #587AC3; }

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

Questo div ha i bordi di colore 587AC3.

Trasparenza

.myOpacity80 { color: #587AC3; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #587AC3.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #587AC3.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #587AC3 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #587AC3 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #587AC3

Questo è un testo nero sullo sfondo del colore #587AC3.

Esempio del testo bianco sullo sfondo del colore #587AC3

Questo è un testo bianco sullo sfondo del colore #587AC3.

COLORE #587AC3