#686EA3 colore HEX codice RGB, HSL, CMYK COLORE CODICE PER HEXA COLORE #686EA3

#686EA3

In uno spazio colore RGB, hex #686EA3 è composto da 41% rosso, 43% verde e 64% blu. Il codice colore RGB è composto da un componente esadecimale 68 rosso (104/255), un 6E verde (110/255) e un componente blu A3 (163/255). Il codice colore RGB decimale è rgb(104,110,163) Nello spazio colore CMYK, è composto da 36% ciano, 33% magenta, 0% giallo e 36% nero. Ha un angolo di tonalità di 233.9o gradi, una saturazione di 24% e una luminosità di 52%. Il colore websafe più vicino è: #666699 rgb (102, 102, 153).

Conversione del colore

---

Convertire colore

---

Il colore esadecimale #686EA3 ha i valori RGB di R: 104, G: 110, B: 163 e i valori CMYK di C: 36, M: 33, Y: 0, K: 36. Il suo valore decimale è 6844067. Il codice binario è 11010000110111010100011
Nella stampa utilizziamo inchiostri ciano, giallo, magenta e nero (CMYK) perché di solito stampiamo su carta bianca.

Hex colore 686EA3  #686EA3 RGB decimale 104, 110, 163  rgb(104, 110, 163) RGB % 41, 43, 64  rgb(41%, 43%, 64%) RGB Adobe 105, 110, 160 CMYK % 36, 33, 0, 36  36%, 33%, 0%, 36% HSL 233.9o, 24, 52  hsl(233.9o, 24%, 52%) HSV (HSB) 234o, 36%, 64%  hsv(234o, 36%, 64%)

Web Safe colore #666699 rgb (102, 102, 153) XYZ 17.896, 16.739 36.938 xyY 0.25, 0.23, 16.74 Hunter-Lab 40.91, 8.8, -28.16 CMY 59%, 57%, 36% Lab 47.6, 7.78, -29.62 Binario colore 68 6E A3 1101000 1101110 10100011

Sfumature e tinte di #686EA3

---

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: #14161F è il colore più scuro e: #E1E2ED è il più chiaro.

Variazione di colore della tinta #686EA3

#7F84B1 rgb (127,132,177) #7F84B1 #9296BD rgb (146,150,189) #9296BD #A2A6C7 rgb (162,166,199) #A2A6C7 #B0B3CF rgb (176,179,207) #B0B3CF #BCBED6 rgb (188,190,214) #BCBED6 #C6C8DC rgb (198,200,220) #C6C8DC #CFD0E1 rgb (207,208,225) #CFD0E1 #D6D7E6 rgb (214,215,230) #D6D7E6 #DCDDEA rgb (220,221,234) #DCDDEA #E1E2ED rgb (225,226,237) #E1E2ED

Variazione di colore dell'ombra

#585E8B rgb (88,94,139) #585E8B #4B5076 rgb (75,80,118) #4B5076 #404464 rgb (64,68,100) #404464 #363A55 rgb (54,58,85) #363A55 #2E3148 rgb (46,49,72) #2E3148 #272A3D rgb (39,42,61) #272A3D #212434 rgb (33,36,52) #212434 #1C1F2C rgb (28,31,44) #1C1F2C #181A25 rgb (24,26,37) #181A25 #14161F rgb (20,22,31) #14161F

Toni di #686EA3

Un tono viene prodotto aggiungendo il grigio a qualsiasi tonalità pura. In questo caso, #6A70A0 è il colore meno saturo e #777A8D è quello più saturo.

#6A70A0 rgb (106,112,160) #6A70A0 #6C729D rgb (108,114,157) #6C729D #6E739A rgb (110,115,154) #6E739A #707497 rgb (112,116,151) #707497 #727595 rgb (114,117,149) #727595 #737693 rgb (115,118,147) #737693 #747791 rgb (116,119,145) #747791 #75788F rgb (117,120,143) #75788F #76798E rgb (118,121,142) #76798E #777A8D rgb (119,122,141) #777A8D

Alternative a #686EA3

---

Sotto, puoi vedere alcuni colori vicini a #686EA3. 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.

#6832A3 rgb (104,50,163) #6832A3 #6846A3 rgb (104,70,163) #6846A3 #685AA3 rgb (104,90,163) #685AA3 #6882A3 rgb (104,130,163) #6882A3 #6896A3 rgb (104,150,163) #6896A3 #68AAA3 rgb (104,170,163) #68AAA3

Uso rapido #686EA3

---

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="#686EA3;">Text here</font>	<div style="background-color:#686EA3;">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="#686EA3;">Text here</font> </div>	HTML codice <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#686EA3;">Text here</font> </div>

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

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

Codice preformattato 686EA3	codice per script / programming
HTML, CSS:	= #686EA3; rgb(104, 110, 163)
Java:	= new Color(104, 110, 163)
.NET:	= Color.FromArgb (104, 110, 163);
Xojo:	= rgb (104, 110, 163, 0);
openGL:	= glColor3f (0.41f, 0.43f, 0.64f);
Swift:	= UIColor(red:0.41, green:0.43, blue:0.64, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.41 green:0.43 blue:0.64 alpha:1.00000];

Combinazioni di colori per #686EA3

---

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: 36% ha una saturazione #686EA3. Aggiungendo 36% + 10% = saturazione 46% per il nostro nuovo colore #43497D. Diminuendo 36% - 10% = saturazione 26% per altri colori monocromatici #959AC9. #959ac9 rgb (149,154,201) #959ac9 26% saturazione #955563 rgb (84,85,99) #955563 16% saturazione #43497d rgb (67,73,125) #43497d 46% saturazione #2c3163 rgb (44,49,99) #2c3163 56% 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 #8068A3 rgb (128,104,163) #8068A3 264o #686EA3 rgb (104,110,163) #686EA3 234o #688CA3 rgb (104,140,163) #688CA3 204o

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: #686EA3 ha un angolo 234o. Aggiungendo 234o + 180 o = 54o o per il nostro nuovo colore complementare #A39D68. #686EA3 rgb (104,110,163) #686EA3 234o #A39D68 rgb (163,157,104) #A39D68 54o

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: #686EA3 ha un angolo 234o. Aggiungendo 234o + 180 o +30 o = 84 o per il nostro primo colore complementare #8CA368. Diminuendo 234o + 180 o -30 o = 24 o per il secondo colore complementare #A38068. #A38068 rgb (163,128,104) #A38068 24o #686EA3 rgb (104,110,163) #686EA3 234o #8CA368 rgb (140,163,104) #8CA368 84o

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. #A3686E rgb (163,104,110) #A3686E 354o #686EA3 rgb (104,110,163) #686EA3 234o #6EA368 rgb (110,163,104) #6EA368 114o

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. #A3686E rgb (163,104,110) #A3686E 354o #686EA3 rgb (104,110,163) #686EA3 234o #A39D68 rgb (163,157,104) #A39D68 54o #68A39D rgb (104,163,157) #68A39D 174o