#336BD4 colore HEX codice RGB, HSL, CMYK COLORE CODICE PER HEXA COLORE #336BD4

#336BD4

In uno spazio colore RGB, hex #336BD4 è composto da 20% rosso, 42% verde e 83% blu. Il codice colore RGB è composto da un componente esadecimale 33 rosso (51/255), un 6B verde (107/255) e un componente blu D4 (212/255). Il codice colore RGB decimale è rgb(51,107,212) Nello spazio colore CMYK, è composto da 76% ciano, 50% magenta, 0% giallo e 17% nero. Ha un angolo di tonalità di 219.13o gradi, una saturazione di 65% e una luminosità di 52%. Il colore websafe più vicino è: #3366cc rgb (51, 102, 204).

Conversione del colore

---

Convertire colore

---

Il colore esadecimale #336BD4 ha i valori RGB di R: 51, G: 107, B: 212 e i valori CMYK di C: 76, M: 50, Y: 0, K: 17. Il suo valore decimale è 3369940. Il codice binario è 1100110110101111010100
Nella stampa utilizziamo inchiostri ciano, giallo, magenta e nero (CMYK) perché di solito stampiamo su carta bianca.

Hex colore 336BD4  #336BD4 RGB decimale 51, 107, 212  rgb(51, 107, 212) RGB % 20, 42, 83  rgb(20%, 42%, 83%) RGB Adobe 74, 107, 208 CMYK % 76, 50, 0, 17  76%, 50%, 0%, 17% HSL 219.13o, 65, 52  hsl(219.13o, 65%, 52%) HSV (HSB) 219o, 76%, 83%  hsv(219o, 76%, 83%)

Web Safe colore #3366cc rgb (51, 102, 204) XYZ 18.507, 15.973 64.395 xyY 0.19, 0.16, 15.97 Hunter-Lab 39.97, 15.09, -72.41 CMY 80%, 58%, 17% Lab 46, 10.5, -60.63 Binario colore 33 6B D4 110011 1101011 11010100

Sfumature e tinte di #336BD4

---

Una sfumatura si ottiene aggiungendo il nero al colore originale sul codice della tonalità.
Una tinta viene creata mescolando il colore con il bianco.
Usa la tavolozza per scegliere un colore o i cursori per impostare i componenti RGB, HSV, CMYK.
Ad esempio qui: #0A152A è il colore più scuro e: #D7E2F7 è il più chiaro.

Variazione di colore della tinta #336BD4

#5281DA rgb (82,129,218) #5281DA #6C94E0 rgb (108,148,224) #6C94E0 #82A4E5 rgb (130,164,229) #82A4E5 #95B2E9 rgb (149,178,233) #95B2E9 #A5BEEC rgb (165,190,236) #A5BEEC #B3C8EF rgb (179,200,239) #B3C8EF #BED0F1 rgb (190,208,241) #BED0F1 #C8D7F3 rgb (200,215,243) #C8D7F3 #D0DDF5 rgb (208,221,245) #D0DDF5 #D7E2F7 rgb (215,226,247) #D7E2F7

Variazione di colore dell'ombra

#2B5BB4 rgb (43,91,180) #2B5BB4 #254D99 rgb (37,77,153) #254D99 #1F4182 rgb (31,65,130) #1F4182 #1A376F rgb (26,55,111) #1A376F #162F5E rgb (22,47,94) #162F5E #132850 rgb (19,40,80) #132850 #102244 rgb (16,34,68) #102244 #0E1D3A rgb (14,29,58) #0E1D3A #0C1931 rgb (12,25,49) #0C1931 #0A152A rgb (10,21,42) #0A152A

Toni di #336BD4

Un tono viene prodotto aggiungendo il grigio a qualsiasi tonalità pura. In questo caso, #3B6DCC è il colore meno saturo e #66799E è quello più saturo.

#3B6DCC rgb (59,109,204) #3B6DCC #426FC4 rgb (66,111,196) #426FC4 #4871BD rgb (72,113,189) #4871BD #4E73B7 rgb (78,115,183) #4E73B7 #5374B2 rgb (83,116,178) #5374B2 #5875AD rgb (88,117,173) #5875AD #5C76A9 rgb (92,118,169) #5C76A9 #6077A5 rgb (96,119,165) #6077A5 #6378A1 rgb (99,120,161) #6378A1 #66799E rgb (102,121,158) #66799E

Alternative a #336BD4

---

Sotto, puoi vedere alcuni colori vicini a #336BD4. Avere una serie di colori correlati può essere utile se hai bisogno di un'alternativa stimolante o di altri colori vicini alla tua scelta di colore originale.

#332FD4 rgb (51,47,212) #332FD4 #3343D4 rgb (51,67,212) #3343D4 #3357D4 rgb (51,87,212) #3357D4 #337FD4 rgb (51,127,212) #337FD4 #3393D4 rgb (51,147,212) #3393D4 #33A7D4 rgb (51,167,212) #33A7D4

Uso rapido #336BD4

---

Come utilizzare questo colore su pagine Web, script o altri linguaggi di programmazione utilizzando html, CSS, dhtml, JAVA, .NET, openGL, Swift, Xojo

Colore del testo	Esempio di colore di sfondo
Colore del testo	Esempio di colore di sfondo
<font color="#336BD4;">Text here</font>	<div style="background-color:#336BD4;">Text here</div>

Anteprima colore su background nero	Anteprima colore su sfondo bianco
anteprima colore su background nero	anteprima colore su sfondo bianco
HTML codice <div style="background-color:#000000"> <font color="#336BD4;">Text here</font> </div>	HTML codice <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#336BD4;">Text here</font> </div>

Ombra della casella div	Codice css ombra del testo
box ombra per colore #336BD4	codice css ombra del testo
HTML codice <div style="background-color:#FFFFFF; box-shadow: 2px 2px 7px 1px #336BD4;"></div> CSS codice .box-shadow: 2px 2px 7px 1px;	CSS codice .text-shadow: 1px 2px 2px #336BD4;

Codice html del bordo della casella	Ombra del testo con valori RGB per colore #336BD4
codice html del bordo della casella per colore #336BD4	ombra del testo con valori RGB
HTML codice <div style="background-color:#FFFFFF; border:1px solid #336BD4;"></div>	CSS codice with RGB .text-shadow: 0px 2px 2px rgba(51, 107, 212, 1.4);

Codice preformattato 336BD4	codice per script / programming
HTML, CSS:	= #336BD4; rgb(51, 107, 212)
Java:	= new Color(51, 107, 212)
.NET:	= Color.FromArgb (51, 107, 212);
Xojo:	= rgb (51, 107, 212, 0);
openGL:	= glColor3f (0.2f, 0.42f, 0.83f);
Swift:	= UIColor(red:0.2, green:0.42, blue:0.83, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.2 green:0.42 blue:0.83 alpha:1.00000];

Combinazioni di colori per #336BD4

---

Colori monocromatici Gli schemi di colori monocromatici sono facili da creare perché utilizzano un solo colore. Gli schemi monocromatici utilizzano toni diversi dalla stessa angolazione sulla ruota dei colori (stessa angolazione). Basta cambiare la saturazione del colore + 10% e hai un nuovo colore monocromatico. Sul nostro case color: 76% ha una saturazione #336BD4. Aggiungendo 76% + 10% = saturazione 86% per il nostro nuovo colore #184CAD. Diminuendo 76% - 10% = saturazione 66% per altri colori monocromatici #558FFA. #558ffa rgb (85,143,250) #558ffa 66% saturazione #555e94 rgb (65,94,148) #555e94 56% saturazione #184cad rgb (24,76,173) #184cad 86% saturazione #063894 rgb (6,56,148) #063894 96% saturazione

Colori analoghi Schemi di colori analoghi vengono creati utilizzando colori che si trovano uno accanto all'altro sulla ruota dei colori. Solo +/- 30 o sui lati dell'angolo di tonalità del colore #4B33D4 rgb (75,51,212) #4B33D4 249o #336BD4 rgb (51,107,212) #336BD4 219o #33BCD4 rgb (51,188,212) #33BCD4 189o

Colori complementari Gli schemi complementari vengono creati combinando i colori dai lati opposti della ruota dei colori. Aggiungi semplicemente 180 gradi alla tonalità / angolo del colore e hai il colore complementare. Sul nostro colore della cassa: #336BD4 ha un angolo 219o. Aggiungendo 219o + 180 o = 39o o per il nostro nuovo colore complementare #D49B33. #336BD4 rgb (51,107,212) #336BD4 219o #D49B33 rgb (212,155,51) #D49B33 39o

Dividere il colore Gli schemi composti o gli schemi complementari divisi sono quasi gli stessi degli schemi complementari. Invece di utilizzare colori opposti, utilizza i colori su entrambi i lati dell'angolo di tonalità opposto. Sul nostro colore della cassa: #336BD4 ha un angolo 219o. Aggiungendo 219o + 180 o +30 o = 69 o per il nostro primo colore complementare #BCD433. Diminuendo 219o + 180 o -30 o = 9 o per il secondo colore complementare #D44B33. #D44B33 rgb (212,75,51) #D44B33 9o #336BD4 rgb (51,107,212) #336BD4 219o #BCD433 rgb (188,212,51) #BCD433 69o

Colore tiradico Gli schemi triadici sono costituiti da tonalità/angoli equidistanti attorno alla ruota dei colori. Aggiungi e diminuisci di +/- 120 gradi su entrambi i lati dell'angolo di tonalità del colore. #D4336B rgb (212,51,107) #D4336B 339o #336BD4 rgb (51,107,212) #336BD4 219o #6BD433 rgb (107,212,51) #6BD433 99o

Colori tetradici Gli schemi tetradici sono costituiti da sfumature / angoli distanziati attorno alla ruota dei colori. Aggiungi 120.180.300 gradi sull'angolo di tonalità del colore. #D4336B rgb (212,51,107) #D4336B 339o #336BD4 rgb (51,107,212) #336BD4 219o #D49B33 rgb (212,155,51) #D49B33 39o #33D49B rgb (51,212,155) #33D49B 159o