Colore #DE5B66, codici hex ed rgb, esempi

Informazioni

Il colore #DE5B66 contiene principalmente il rosso. Per il #DE5B66 il colore web safe è #CC6666 (#C66).

Modello di colore RGB

Il colore DE5B66 in RGB è definito come 222,91,102

Il rosso è 222;
Il verde è 91;
Il blu è 102.

RGB:
(222,91,102)
(87%,36%,40%)

Rapporto dei colori in RGB

R 222 da 255 = 87%
G 91 da 255 = 36%
B 102 da 255 = 40%

222

102

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

Canali RGB in percentuale

R + G + B =
222 + 91 + 102 = 415 (100%)
R 222 da 415 ~ 53.49%
G 91 da 415 ~ 21.93%
B 102 da 415 ~ 24.58%

%53.49

%21.93

%24.58

Modello di colore CMYK

Il colore #DE5B66 in CMYK è definito come 0,59,54,13.

Il color verde blu è 0.00%
Il color magenta è 59.01%
Il giallo è 54.05%
Il colore chiave è 12.94%

CMYK:
(0,59,54,13)
C0M59Y54K13 
(0%,59%,54%,13%)
(0.00/0.59/0.54/0.13)

Canali CMYK in percentuale

%59.01

%54.05

%12.94

Codici del colore

Il #DE5B66 nei modelli di colore popolari.

	DE	5B	66
RGB	222	91	102
HSL	355°	66.50%	61.37%
HSB/HSV	355°	59.01%	87.06%
CMYK	0.00%	59.01%	54.05%
CMYK	12.94%

Il #DE5B66 nei modelli numerici popolari.

Esadicemale	DE	5B	66
Decimale	222	91	102
Binario	11011110	1011011	1100110
Ottale	336	133	146

Tonalita del colore

Tonalità scure del colore #DE5B66

#DE5B66
(222,91,102)

#CA535D
(202,83,93)

#B64B54
(182,75,84)

#A2434B
(162,67,75)

#8E3B42
(142,59,66)

#7A3339
(122,51,57)

#662B30
(102,43,48)

#522327
(82,35,39)

#3E1B1E
(62,27,30)

#2A1315
(42,19,21)

#160B0C
(22,11,12)

#000000
(0,0,0)

Tonalità chiare del colore #DE5B66

#DE5B66
(222,91,102)

#E16973
(225,105,115)

#E47780
(228,119,128)

#E7858D
(231,133,141)

#EA939A
(234,147,154)

#EDA1A7
(237,161,167)

#F0AFB4
(240,175,180)

#F3BDC1
(243,189,193)

#F6CBCE
(246,203,206)

#F9D9DB
(249,217,219)

#FCE7E8
(252,231,232)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #DE5B66. Utilizzate rgb(222,91,102) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #DE5B66; }

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

Il colore di questo testo è #DE5B66.

Colore dello sfondo

.myBgColor { background-color: #DE5B66; }

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

Questo div ha lo sfondo di colore #DE5B66.

Colore del bordo

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

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

Questo div ha i bordi di colore DE5B66.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #DE5B66.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #DE5B66.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #DE5B66

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

Esempio del testo bianco sullo sfondo del colore #DE5B66

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

COLORE #DE5B66