COLORE #2F5FFD

HEX: #2F5FFD RGB: (47,95,253)

Informazioni

Il colore #2F5FFD contiene principalmente il blu. Per il #2F5FFD il colore web safe è #3366FF (#36F).

Modello di colore RGB

Il colore 2F5FFD in RGB è definito come 47,95,253

RGB: (47,95,253) (18%, 37%, 99%)

Rapporto dei colori in RGB

R 47 da 255 = 18%
G 95 da 255 = 37%
B 253 da 255 = 99%

47
95
253

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

Canali RGB in percentuale

R + G + B = 47 + 95 + 253 = 395 (100%)
R 47 da 395 ~ 11.9%
G 95 da 395 ~ 24.05%
B 253 da 395 ~ 64.05'%

%11.9
%24.05
%64.05

Modello di colore CMYK

Il colore #2F5FFD in CMYK è definito come 81,62,0,1.

  • Il color verde blu è 81.42%
  • Il color magenta è 62.45%
  • Il giallo è 0.00%
  • Il colore chiave è 0.78%

CMYK: (81,62,0,1)
C81M62Y0K1 (81%, 62%, 0%, 1%)
(0.81 / 0.62 / 0.00 / 0.01)

Canali CMYK in percentuale

%81.42
%62.45
%0
%0.78

Codici del colore

Il #2F5FFD nei modelli di colore popolari.

2F 5F FD
RGB 47 95 253
HSL 226° 98.10% 58.82%
HSB/HSV 226° 81.42% 99.22%
CMYK 81.42% 62.45% 0.00%
0.78%

Il #2F5FFD nei modelli numerici popolari.

Esadicemale 2F 5F FD
Decimale 47 95 253
Binario 101111 1011111 11111101
Ottale 57 137 375

Tonalita del colore

Tonalità scure del colore #2F5FFD

#2F5FFD
(47,95,253)
#2B57E6
(43,87,230)
#274FCF
(39,79,207)
#2347B8
(35,71,184)
#1F3FA1
(31,63,161)
#1B378A
(27,55,138)
#172F73
(23,47,115)
#13275C
(19,39,92)
#0F1F45
(15,31,69)
#0B172E
(11,23,46)
#070F17
(7,15,23)
#000000
(0,0,0)

Tonalità chiare del colore #2F5FFD

#2F5FFD
(47,95,253)
#416DFD
(65,109,253)
#537BFD
(83,123,253)
#6589FD
(101,137,253)
#7797FD
(119,151,253)
#89A5FD
(137,165,253)
#9BB3FD
(155,179,253)
#ADC1FD
(173,193,253)
#BFCFFD
(191,207,253)
#D1DDFD
(209,221,253)
#E3EBFD
(227,235,253)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #2F5FFD. Utilizzate rgb(47,95,253) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #2F5FFD; }

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

Il colore di questo testo è #2F5FFD.

Colore dello sfondo

.myBgColor { background-color: #2F5FFD; }

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

Questo div ha lo sfondo di colore #2F5FFD.

Colore del bordo

.myBorderColor { border: 1px solid #2F5FFD; }

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

Questo div ha i bordi di colore 2F5FFD.

Trasparenza

.myOpacity80 { color: #2F5FFD; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #2F5FFD.


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

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

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


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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #2F5FFD.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #2F5FFD sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #2F5FFD sullo sfondo bianco.


Esempio del testo nero sullo sfondo del colore #2F5FFD

Questo è un testo nero sullo sfondo del colore #2F5FFD.


Esempio del testo bianco sullo sfondo del colore #2F5FFD

Questo è un testo bianco sullo sfondo del colore #2F5FFD.


Colori simili

Colore complimentare

Il colore complimentare del #hex è #D0A002..


I love getcolorcode.com

Triade di colore

1 #FD2F5F and #5FFD2F with #2F5FFD are triadic colors.

2 #FD5F2F and #5F2FFD with #2F5FFD are triadic colors.