COLORE #E2C422

HEX: #E2C422 RGB: (226,196,34)

Informazioni

Il colore #E2C422 contiene principalmente il rosso e il verde. Per il #E2C422 il colore web safe è #CCCC33 (#CC3).

Modello di colore RGB

Il colore E2C422 in RGB è definito come 226,196,34

RGB: (226,196,34) (89%, 77%, 13%)

Rapporto dei colori in RGB

R 226 da 255 = 89%
G 196 da 255 = 77%
B 34 da 255 = 13%

226
196
34

R + G + B ~ 60%. #E2C422 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B = 226 + 196 + 34 = 456 (100%)
R 226 da 456 ~ 49.56%
G 196 da 456 ~ 42.98%
B 34 da 456 ~ 7.46'%

%49.56
%42.98

Modello di colore CMYK

Il colore #E2C422 in CMYK è definito come 0,13,85,11.

  • Il color verde blu è 0.00%
  • Il color magenta è 13.27%
  • Il giallo è 84.96%
  • Il colore chiave è 11.37%

CMYK: (0,13,85,11)
C0M13Y85K11 (0%, 13%, 85%, 11%)
(0.00 / 0.13 / 0.85 / 0.11)

Canali CMYK in percentuale

%0
%13.27
%84.96
%11.37

Codici del colore

Il #E2C422 nei modelli di colore popolari.

E2 C4 22
RGB 226 196 34
HSL 51° 76.80% 50.98%
HSB/HSV 51° 84.96% 88.63%
CMYK 0.00% 13.27% 84.96%
11.37%

Il #E2C422 nei modelli numerici popolari.

Esadicemale E2 C4 22
Decimale 226 196 34
Binario 11100010 11000100 100010
Ottale 342 304 42

Tonalita del colore

Tonalità scure del colore #E2C422

#E2C422
(226,196,34)
#CEB31F
(206,179,31)
#BAA21C
(186,162,28)
#A69119
(166,145,25)
#928016
(146,128,22)
#7E6F13
(126,111,19)
#6A5E10
(106,94,16)
#564D0D
(86,77,13)
#423C0A
(66,60,10)
#2E2B07
(46,43,7)
#1A1A04
(26,26,4)
#000000
(0,0,0)

Tonalità chiare del colore #E2C422

#E2C422
(226,196,34)
#E4C936
(228,201,54)
#E6CE4A
(230,206,74)
#E8D35E
(232,211,94)
#EAD872
(234,216,114)
#ECDD86
(236,221,134)
#EEE29A
(238,226,154)
#F0E7AE
(240,231,174)
#F2ECC2
(242,236,194)
#F4F1D6
(244,241,214)
#F6F6EA
(246,246,234)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #E2C422. Utilizzate rgb(226,196,34) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #E2C422; }

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

Il colore di questo testo è #E2C422.

Colore dello sfondo

.myBgColor { background-color: #E2C422; }

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

Questo div ha lo sfondo di colore #E2C422.

Colore del bordo

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

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

Questo div ha i bordi di colore E2C422.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #E2C422.


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

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

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


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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #E2C422.

Esempi

Esempio del colore sullo sfondo nero

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


Esempio del colore sullo sfondo bianco

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


Esempio del testo nero sullo sfondo del colore #E2C422

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


Esempio del testo bianco sullo sfondo del colore #E2C422

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


Colori simili

Colore complimentare

Il colore complimentare del #hex è #1D3BDD..


I love getcolorcode.com

Triade di colore

1 #22E2C4 and #C422E2 with #E2C422 are triadic colors.

2 #22C4E2 and #C4E222 with #E2C422 are triadic colors.