COLORE #F2CC76

HEX: #F2CC76 RGB: (242,204,118)

Informazioni

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

Modello di colore RGB

Il colore F2CC76 in RGB è definito come 242,204,118

RGB: (242,204,118) (95%, 80%, 46%)

Rapporto dei colori in RGB

R 242 da 255 = 95%
G 204 da 255 = 80%
B 118 da 255 = 46%

242
204
118

R + G + B ~ 74%. #F2CC76 colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B = 242 + 204 + 118 = 564 (100%)
R 242 da 564 ~ 42.91%
G 204 da 564 ~ 36.17%
B 118 da 564 ~ 20.92'%

%42.91
%36.17
%20.92

Modello di colore CMYK

Il colore #F2CC76 in CMYK è definito come 0,16,51,5.

  • Il color verde blu è 0.00%
  • Il color magenta è 15.70%
  • Il giallo è 51.24%
  • Il colore chiave è 5.10%

CMYK: (0,16,51,5)
C0M16Y51K5 (0%, 16%, 51%, 5%)
(0.00 / 0.16 / 0.51 / 0.05)

Canali CMYK in percentuale

%0
%15.7
%51.24
%5.1

Codici del colore

Il #F2CC76 nei modelli di colore popolari.

F2 CC 76
RGB 242 204 118
HSL 42° 82.67% 70.59%
HSB/HSV 42° 51.24% 94.90%
CMYK 0.00% 15.70% 51.24%
5.10%

Il #F2CC76 nei modelli numerici popolari.

Esadicemale F2 CC 76
Decimale 242 204 118
Binario 11110010 11001100 1110110
Ottale 362 314 166

Tonalita del colore

Tonalità scure del colore #F2CC76

#F2CC76
(242,204,118)
#DCBA6C
(220,186,108)
#C6A862
(198,168,98)
#B09658
(176,150,88)
#9A844E
(154,132,78)
#847244
(132,114,68)
#6E603A
(110,96,58)
#584E30
(88,78,48)
#423C26
(66,60,38)
#2C2A1C
(44,42,28)
#161812
(22,24,18)
#000000
(0,0,0)

Tonalità chiare del colore #F2CC76

#F2CC76
(242,204,118)
#F3D082
(243,208,130)
#F4D48E
(244,212,142)
#F5D89A
(245,216,154)
#F6DCA6
(246,220,166)
#F7E0B2
(247,224,178)
#F8E4BE
(248,228,190)
#F9E8CA
(249,232,202)
#FAECD6
(250,236,214)
#FBF0E2
(251,240,226)
#FCF4EE
(252,244,238)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #F2CC76. Utilizzate rgb(242,204,118) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #F2CC76; }

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

Il colore di questo testo è #F2CC76.

Colore dello sfondo

.myBgColor { background-color: #F2CC76; }

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

Questo div ha lo sfondo di colore #F2CC76.

Colore del bordo

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

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

Questo div ha i bordi di colore F2CC76.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #F2CC76.


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

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

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


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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #F2CC76.

Esempi

Esempio del colore sullo sfondo nero

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


Esempio del colore sullo sfondo bianco

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


Esempio del testo nero sullo sfondo del colore #F2CC76

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


Esempio del testo bianco sullo sfondo del colore #F2CC76

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


Colori simili

Colore complimentare

Il colore complimentare del #hex è #0D3389..


I love getcolorcode.com

Triade di colore

1 #76F2CC and #CC76F2 with #F2CC76 are triadic colors.

2 #76CCF2 and #CCF276 with #F2CC76 are triadic colors.