Colore #F0B97B, codici hex ed rgb, esempi

Informazioni

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

Modello di colore RGB

Il colore F0B97B in RGB è definito come 240,185,123

Il rosso è 240;
Il verde è 185;
Il blu è 123.

RGB:
(240,185,123)
(94%,73%,48%)

Rapporto dei colori in RGB

R 240 da 255 = 94%
G 185 da 255 = 73%
B 123 da 255 = 48%

240

185

123

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

Canali RGB in percentuale

R + G + B =
240 + 185 + 123 = 548 (100%)
R 240 da 548 ~ 43.8%
G 185 da 548 ~ 33.76%
B 123 da 548 ~ 22.45%

%43.8

%33.76

%22.45

Modello di colore CMYK

Il colore #F0B97B in CMYK è definito come 0,23,49,6.

Il color verde blu è 0.00%
Il color magenta è 22.92%
Il giallo è 48.75%
Il colore chiave è 5.88%

CMYK:
(0,23,49,6)
C0M23Y49K6 
(0%,23%,49%,6%)
(0.00/0.23/0.49/0.06)

Canali CMYK in percentuale

%22.92

%48.75

%5.88

Codici del colore

Il #F0B97B nei modelli di colore popolari.

	F0	B9	7B
RGB	240	185	123
HSL	32°	79.59%	71.18%
HSB/HSV	32°	48.75%	94.12%
CMYK	0.00%	22.92%	48.75%
CMYK	5.88%

Il #F0B97B nei modelli numerici popolari.

Esadicemale	F0	B9	7B
Decimale	240	185	123
Binario	11110000	10111001	1111011
Ottale	360	271	173

Tonalita del colore

Tonalità scure del colore #F0B97B

#F0B97B
(240,185,123)

#DBA970
(219,169,112)

#C69965
(198,153,101)

#B1895A
(177,137,90)

#9C794F
(156,121,79)

#876944
(135,105,68)

#725939
(114,89,57)

#5D492E
(93,73,46)

#483923
(72,57,35)

#332918
(51,41,24)

#1E190D
(30,25,13)

#000000
(0,0,0)

Tonalità chiare del colore #F0B97B

#F0B97B
(240,185,123)

#F1BF87
(241,191,135)

#F2C593
(242,197,147)

#F3CB9F
(243,203,159)

#F4D1AB
(244,209,171)

#F5D7B7
(245,215,183)

#F6DDC3
(246,221,195)

#F7E3CF
(247,227,207)

#F8E9DB
(248,233,219)

#F9EFE7
(249,239,231)

#FAF5F3
(250,245,243)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #F0B97B. Utilizzate rgb(240,185,123) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #F0B97B; }

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

Il colore di questo testo è #F0B97B.

Colore dello sfondo

.myBgColor { background-color: #F0B97B; }

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

Questo div ha lo sfondo di colore #F0B97B.

Colore del bordo

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

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

Questo div ha i bordi di colore F0B97B.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #F0B97B.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #F0B97B.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #F0B97B

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

Esempio del testo bianco sullo sfondo del colore #F0B97B

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

COLORE #F0B97B