COLORE #554C7D

HEX: #554C7D RGB: (85,76,125)

Informazioni

Il colore #554C7D contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #554C7D il colore web safe è #663366 (#636).

Modello di colore RGB

Il colore 554C7D in RGB è definito come 85,76,125

RGB: (85,76,125) (33%, 30%, 49%)

Rapporto dei colori in RGB

R 85 da 255 = 33%
G 76 da 255 = 30%
B 125 da 255 = 49%

85
76
125

R + G + B ~ 37%. #554C7D colore abbastanza scuro.

Canali RGB in percentuale

R + G + B = 85 + 76 + 125 = 286 (100%)
R 85 da 286 ~ 29.72%
G 76 da 286 ~ 26.57%
B 125 da 286 ~ 43.71'%

%29.72
%26.57
%43.71

Modello di colore CMYK

Il colore #554C7D in CMYK è definito come 32,39,0,51.

  • Il color verde blu è 32.00%
  • Il color magenta è 39.20%
  • Il giallo è 0.00%
  • Il colore chiave è 50.98%

CMYK: (32,39,0,51)
C32M39Y0K51 (32%, 39%, 0%, 51%)
(0.32 / 0.39 / 0.00 / 0.51)

Canali CMYK in percentuale

%32
%39.2
%0
%50.98

Codici del colore

Il #554C7D nei modelli di colore popolari.

55 4C 7D
RGB 85 76 125
HSL 251° 24.38% 39.41%
HSB/HSV 251° 39.20% 49.02%
CMYK 32.00% 39.20% 0.00%
50.98%

Il #554C7D nei modelli numerici popolari.

Esadicemale 55 4C 7D
Decimale 85 76 125
Binario 1010101 1001100 1111101
Ottale 125 114 175

Tonalita del colore

Tonalità scure del colore #554C7D

#554C7D
(85,76,125)
#4E4672
(78,70,114)
#474067
(71,64,103)
#403A5C
(64,58,92)
#393451
(57,52,81)
#322E46
(50,46,70)
#2B283B
(43,40,59)
#242230
(36,34,48)
#1D1C25
(29,28,37)
#16161A
(22,22,26)
#0F100F
(15,16,15)
#000000
(0,0,0)

Tonalità chiare del colore #554C7D

#554C7D
(85,76,125)
#645C88
(100,92,136)
#736C93
(115,108,147)
#827C9E
(130,124,158)
#918CA9
(145,140,169)
#A09CB4
(160,156,180)
#AFACBF
(175,172,191)
#BEBCCA
(190,188,202)
#CDCCD5
(205,204,213)
#DCDCE0
(220,220,224)
#EBECEB
(235,236,235)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #554C7D. Utilizzate rgb(85,76,125) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #554C7D; }

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

Il colore di questo testo è #554C7D.

Colore dello sfondo

.myBgColor { background-color: #554C7D; }

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

Questo div ha lo sfondo di colore #554C7D.

Colore del bordo

.myBorderColor { border: 1px solid #554C7D; }

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

Questo div ha i bordi di colore 554C7D.

Trasparenza

.myOpacity80 { color: #554C7D; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #554C7D.


.textShadow {text-shadow: 3px 3px 1px #554C7D', 3px 3px 1px red;}

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

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


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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #554C7D.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #554C7D sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #554C7D sullo sfondo bianco.


Esempio del testo nero sullo sfondo del colore #554C7D

Questo è un testo nero sullo sfondo del colore #554C7D.


Esempio del testo bianco sullo sfondo del colore #554C7D

Questo è un testo bianco sullo sfondo del colore #554C7D.


Colori simili

Colore complimentare

Il colore complimentare del #hex è #AAB382..


I love getcolorcode.com

Triade di colore

1 #7D554C and #4C7D55 with #554C7D are triadic colors.

2 #7D4C55 and #4C557D with #554C7D are triadic colors.