COLORE #3D99D6

HEX: #3D99D6 RGB: (61,153,214)

Informazioni

Il colore #3D99D6 contiene principalmente il blu. Per il #3D99D6 il colore web safe è #3399CC (#39C).

Modello di colore RGB

Il colore 3D99D6 in RGB è definito come 61,153,214

RGB: (61,153,214) (24%, 60%, 84%)

Rapporto dei colori in RGB

R 61 da 255 = 24%
G 153 da 255 = 60%
B 214 da 255 = 84%

61
153
214

R + G + B ~ 56%. #3D99D6 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B = 61 + 153 + 214 = 428 (100%)
R 61 da 428 ~ 14.25%
G 153 da 428 ~ 35.75%
B 214 da 428 ~ 50'%

%14.25
%35.75
%50

Modello di colore CMYK

Il colore #3D99D6 in CMYK è definito come 71,29,0,16.

  • Il color verde blu è 71.50%
  • Il color magenta è 28.50%
  • Il giallo è 0.00%
  • Il colore chiave è 16.08%

CMYK: (71,29,0,16)
C71M29Y0K16 (71%, 29%, 0%, 16%)
(0.71 / 0.29 / 0.00 / 0.16)

Canali CMYK in percentuale

%71.5
%28.5
%0
%16.08

Codici del colore

Il #3D99D6 nei modelli di colore popolari.

3D 99 D6
RGB 61 153 214
HSL 204° 65.11% 53.92%
HSB/HSV 204° 71.50% 83.92%
CMYK 71.50% 28.50% 0.00%
16.08%

Il #3D99D6 nei modelli numerici popolari.

Esadicemale 3D 99 D6
Decimale 61 153 214
Binario 111101 10011001 11010110
Ottale 75 231 326

Tonalita del colore

Tonalità scure del colore #3D99D6

#3D99D6
(61,153,214)
#388CC3
(56,140,195)
#337FB0
(51,127,176)
#2E729D
(46,114,157)
#29658A
(41,101,138)
#245877
(36,88,119)
#1F4B64
(31,75,100)
#1A3E51
(26,62,81)
#15313E
(21,49,62)
#10242B
(16,36,43)
#0B1718
(11,23,24)
#000000
(0,0,0)

Tonalità chiare del colore #3D99D6

#3D99D6
(61,153,214)
#4EA2D9
(78,162,217)
#5FABDC
(95,171,220)
#70B4DF
(112,180,223)
#81BDE2
(129,189,226)
#92C6E5
(146,198,229)
#A3CFE8
(163,207,232)
#B4D8EB
(180,216,235)
#C5E1EE
(197,225,238)
#D6EAF1
(214,234,241)
#E7F3F4
(231,243,244)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #3D99D6. Utilizzate rgb(61,153,214) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #3D99D6; }

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

Il colore di questo testo è #3D99D6.

Colore dello sfondo

.myBgColor { background-color: #3D99D6; }

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

Questo div ha lo sfondo di colore #3D99D6.

Colore del bordo

.myBorderColor { border: 1px solid #3D99D6; }

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

Questo div ha i bordi di colore 3D99D6.

Trasparenza

.myOpacity80 { color: #3D99D6; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #3D99D6.


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

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

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


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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #3D99D6.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #3D99D6 sullo sfondo nero.


Esempio del colore sullo sfondo bianco

Questo e il testo di colore #3D99D6 sullo sfondo bianco.


Esempio del testo nero sullo sfondo del colore #3D99D6

Questo è un testo nero sullo sfondo del colore #3D99D6.


Esempio del testo bianco sullo sfondo del colore #3D99D6

Questo è un testo bianco sullo sfondo del colore #3D99D6.


Colori simili

Colore complimentare

Il colore complimentare del #hex è #C26629..


I love getcolorcode.com

Triade di colore

1 #D63D99 and #99D63D with #3D99D6 are triadic colors.

2 #D6993D and #993DD6 with #3D99D6 are triadic colors.