COLORE #F7B477

HEX: #F7B477 RGB: (247,180,119)

Informazioni

Il colore #F7B477 contiene principalmente il rosso. Per il #F7B477 il colore web safe è #FFCC66 (#FC6).

Modello di colore RGB

Il colore F7B477 in RGB è definito come 247,180,119

RGB: (247,180,119) (97%, 71%, 47%)

Rapporto dei colori in RGB

R 247 da 255 = 97%
G 180 da 255 = 71%
B 119 da 255 = 47%

247
180
119

R + G + B ~ 72%. #F7B477 colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B = 247 + 180 + 119 = 546 (100%)
R 247 da 546 ~ 45.24%
G 180 da 546 ~ 32.97%
B 119 da 546 ~ 21.79'%

%45.24
%32.97
%21.79

Modello di colore CMYK

Il colore #F7B477 in CMYK è definito come 0,27,52,3.

  • Il color verde blu è 0.00%
  • Il color magenta è 27.13%
  • Il giallo è 51.82%
  • Il colore chiave è 3.14%

CMYK: (0,27,52,3)
C0M27Y52K3 (0%, 27%, 52%, 3%)
(0.00 / 0.27 / 0.52 / 0.03)

Canali CMYK in percentuale

%0
%27.13
%51.82
%3.14

Codici del colore

Il #F7B477 nei modelli di colore popolari.

F7 B4 77
RGB 247 180 119
HSL 29° 88.89% 71.76%
HSB/HSV 29° 51.82% 96.86%
CMYK 0.00% 27.13% 51.82%
3.14%

Il #F7B477 nei modelli numerici popolari.

Esadicemale F7 B4 77
Decimale 247 180 119
Binario 11110111 10110100 1110111
Ottale 367 264 167

Tonalita del colore

Tonalità scure del colore #F7B477

#F7B477
(247,180,119)
#E1A46D
(225,164,109)
#CB9463
(203,148,99)
#B58459
(181,132,89)
#9F744F
(159,116,79)
#896445
(137,100,69)
#73543B
(115,84,59)
#5D4431
(93,68,49)
#473427
(71,52,39)
#31241D
(49,36,29)
#1B1413
(27,20,19)
#000000
(0,0,0)

Tonalità chiare del colore #F7B477

#F7B477
(247,180,119)
#F7BA83
(247,186,131)
#F7C08F
(247,192,143)
#F7C69B
(247,198,155)
#F7CCA7
(247,204,167)
#F7D2B3
(247,210,179)
#F7D8BF
(247,216,191)
#F7DECB
(247,222,203)
#F7E4D7
(247,228,215)
#F7EAE3
(247,234,227)
#F7F0EF
(247,240,239)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #F7B477. Utilizzate rgb(247,180,119) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #F7B477; }

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

Il colore di questo testo è #F7B477.

Colore dello sfondo

.myBgColor { background-color: #F7B477; }

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

Questo div ha lo sfondo di colore #F7B477.

Colore del bordo

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

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

Questo div ha i bordi di colore F7B477.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #F7B477.


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

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

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


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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #F7B477.

Esempi

Esempio del colore sullo sfondo nero

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


Esempio del colore sullo sfondo bianco

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


Esempio del testo nero sullo sfondo del colore #F7B477

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


Esempio del testo bianco sullo sfondo del colore #F7B477

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


Colori simili

Colore complimentare

Il colore complimentare del #hex è #084B88..


I love getcolorcode.com

Triade di colore

1 #77F7B4 and #B477F7 with #F7B477 are triadic colors.

2 #77B4F7 and #B4F777 with #F7B477 are triadic colors.