COLORE #F6464F

HEX: #F6464F RGB: (246,70,79)

Informazioni

Il colore #F6464F contiene principalmente il rosso. Per il #F6464F il colore web safe è #FF3366 (#F36).

Modello di colore RGB

Il colore F6464F in RGB è definito come 246,70,79

RGB: (246,70,79) (96%, 27%, 31%)

Rapporto dei colori in RGB

R 246 da 255 = 96%
G 70 da 255 = 27%
B 79 da 255 = 31%

246
70
79

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

Canali RGB in percentuale

R + G + B = 246 + 70 + 79 = 395 (100%)
R 246 da 395 ~ 62.28%
G 70 da 395 ~ 17.72%
B 79 da 395 ~ 20'%

%62.28
%17.72
%20

Modello di colore CMYK

Il colore #F6464F in CMYK è definito come 0,72,68,4.

  • Il color verde blu è 0.00%
  • Il color magenta è 71.54%
  • Il giallo è 67.89%
  • Il colore chiave è 3.53%

CMYK: (0,72,68,4)
C0M72Y68K4 (0%, 72%, 68%, 4%)
(0.00 / 0.72 / 0.68 / 0.04)

Canali CMYK in percentuale

%0
%71.54
%67.89
%3.53

Codici del colore

Il #F6464F nei modelli di colore popolari.

F6 46 4F
RGB 246 70 79
HSL 357° 90.72% 61.96%
HSB/HSV 357° 71.54% 96.47%
CMYK 0.00% 71.54% 67.89%
3.53%

Il #F6464F nei modelli numerici popolari.

Esadicemale F6 46 4F
Decimale 246 70 79
Binario 11110110 1000110 1001111
Ottale 366 106 117

Tonalita del colore

Tonalità scure del colore #F6464F

#F6464F
(246,70,79)
#E04048
(224,64,72)
#CA3A41
(202,58,65)
#B4343A
(180,52,58)
#9E2E33
(158,46,51)
#88282C
(136,40,44)
#722225
(114,34,37)
#5C1C1E
(92,28,30)
#461617
(70,22,23)
#301010
(48,16,16)
#1A0A09
(26,10,9)
#000000
(0,0,0)

Tonalità chiare del colore #F6464F

#F6464F
(246,70,79)
#F6565F
(246,86,95)
#F6666F
(246,102,111)
#F6767F
(246,118,127)
#F6868F
(246,134,143)
#F6969F
(246,150,159)
#F6A6AF
(246,166,175)
#F6B6BF
(246,182,191)
#F6C6CF
(246,198,207)
#F6D6DF
(246,214,223)
#F6E6EF
(246,230,239)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #F6464F. Utilizzate rgb(246,70,79) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #F6464F; }

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

Il colore di questo testo è #F6464F.

Colore dello sfondo

.myBgColor { background-color: #F6464F; }

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

Questo div ha lo sfondo di colore #F6464F.

Colore del bordo

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

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

Questo div ha i bordi di colore F6464F.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #F6464F.


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

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

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


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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #F6464F.

Esempi

Esempio del colore sullo sfondo nero

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


Esempio del colore sullo sfondo bianco

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


Esempio del testo nero sullo sfondo del colore #F6464F

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


Esempio del testo bianco sullo sfondo del colore #F6464F

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


Colori simili

Colore complimentare

Il colore complimentare del #hex è #09B9B0..


I love getcolorcode.com

Triade di colore

1 #4FF646 and #464FF6 with #F6464F are triadic colors.

2 #4F46F6 and #46F64F with #F6464F are triadic colors.