#677EDB kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #677EDB

#677EDB

In een RGB-kleurruimte is hex #677EDB samengesteld uit 40% rood, 49% groen en 86% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 67 rood (103/255), een 7E groen (126/255) en een DB blauw component (219/255). De decimale RGB-kleurcode is rgb(103,126,219) In CMYK-kleurruimte is het samengesteld uit 53% cyaan, 42% magenta, 0% geel en 14% zwart. Het heeft een tinthoek van 228.1o graden, een verzadiging van 62% en een lichtheid van 63%. De dichtstbijzijnde websafe-kleur is: #6666cc rgb (102, 102, 204).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #677EDB heeft RGB-waarden van R:103, G:126, B:219 en CMYK-waarden van C:53, M:42, Y:0, K:14. De decimale waarde is 6782683.De binaire code is 11001110111111011011011
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 677EDB  #677EDB RGB decimale 103, 126, 219  rgb(103, 126, 219) RGB % 40, 49, 86  rgb(40%, 49%, 86%) RGB Adobe 110, 125, 215 CMYK % 53, 42, 0, 14  53%, 42%, 0%, 14% HSL 228.1o, 62, 63  hsl(228.1o, 62%, 63%) HSV (HSB) 228o, 53%, 86%  hsv(228o, 53%, 86%)

Web Safe kleur #6666cc rgb (102, 102, 204) XYZ 25.841, 22.92 70.08 xyY 0.22, 0.19, 22.92 Hunter-Lab 47.87, 15.36, -58.03 CMY 60%, 51%, 14% Lab 54.31, 11.82, -51.12 Binair kleur 67 7E DB 1100111 1111110 11011011

Schakeringen en tinten van #677EDB

---

Een tint wordt bereikt door zwart toe te voegen aan de originele kleur op tintcode.
Een tint ontstaat door kleur met wit te mengen.
Gebruik het palet om een ​​kleur te kiezen of de schuifregelaars om de RGB-, HSV- en CMYK-componenten in te stellen.
Hier bijvoorbeeld: #14192B is de donkerste kleur en: #E1E6F8 is de lichtste.

Tint kleurvariatie #677EDB

#7E91E0 rgb (126,145,224) #7E91E0 #91A2E5 rgb (145,162,229) #91A2E5 #A2B0E9 rgb (162,176,233) #A2B0E9 #B0BCEC rgb (176,188,236) #B0BCEC #BCC6EF rgb (188,198,239) #BCC6EF #C6CFF1 rgb (198,207,241) #C6CFF1 #CFD6F3 rgb (207,214,243) #CFD6F3 #D6DCF5 rgb (214,220,245) #D6DCF5 #DCE1F7 rgb (220,225,247) #DCE1F7 #E1E6F8 rgb (225,230,248) #E1E6F8

Schaduw kleurvariatie

#586BBA rgb (88,107,186) #586BBA #4B5B9E rgb (75,91,158) #4B5B9E #404D86 rgb (64,77,134) #404D86 #364172 rgb (54,65,114) #364172 #2E3761 rgb (46,55,97) #2E3761 #272F52 rgb (39,47,82) #272F52 #212846 rgb (33,40,70) #212846 #1C223C rgb (28,34,60) #1C223C #181D33 rgb (24,29,51) #181D33 #14192B rgb (20,25,43) #14192B

Tinten van #677EDB

Een toon wordt geproduceerd door grijs toe te voegen aan elke pure tint. In dit geval is #6A7ED2 de minst verzadigde kleur en #777EA0 de meest verzadigde.

#6A7ED2 rgb (106,126,210) #6A7ED2 #6C7ECA rgb (108,126,202) #6C7ECA #6E7EC3 rgb (110,126,195) #6E7EC3 #707EBC rgb (112,126,188) #707EBC #727EB6 rgb (114,126,182) #727EB6 #737EB1 rgb (115,126,177) #737EB1 #747EAC rgb (116,126,172) #747EAC #757EA8 rgb (117,126,168) #757EA8 #767EA4 rgb (118,126,164) #767EA4 #777EA0 rgb (119,126,160) #777EA0

Alternatieven voor #677EDB

---

Hieronder ziet u enkele kleuren die dicht bij #677EDB liggen. Het hebben van een set verwante kleuren kan handig zijn als u een inspirerend alternatief nodig heeft of andere kleuren die dicht bij uw oorspronkelijke kleurkeuze liggen.

#6742DB rgb (103,66,219) #6742DB #6756DB rgb (103,86,219) #6756DB #676ADB rgb (103,106,219) #676ADB #6792DB rgb (103,146,219) #6792DB #67A6DB rgb (103,166,219) #67A6DB #67BADB rgb (103,186,219) #67BADB

Snel gebruik #677EDB

---

Hoe deze kleur te gebruiken op webpagina's, scripts of andere programmeertalen met behulp van html, CSS, dhtml, JAVA, .NET, openGL, Swift, Xojo

Kleur van de tekst	Voorbeeld achtergrondkleur
Kleur van de tekst	Voorbeeld achtergrondkleur
<font color="#677EDB;">Text here</font>	<div style="background-color:#677EDB;">Text here</div>

Kleurvoorbeeld op zwarte achtergrond	Kleurvoorbeeld op witte achtergrond
kleurvoorbeeld op zwarte achtergrond	kleurvoorbeeld op witte achtergrond
HTML code <div style="background-color:#000000"> <font color="#677EDB;">Text here</font> </div>	HTML code <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#677EDB;">Text here</font> </div>

Div box schaduw	Tekst schaduw css-code
doos schaduw voor kleur #677EDB	tekst schaduw css-code
HTML code <div style="background-color:#FFFFFF; box-shadow: 2px 2px 7px 1px #677EDB;"></div> CSS code .box-shadow: 2px 2px 7px 1px;	CSS code .text-shadow: 1px 2px 2px #677EDB;

Box grens html-code	Tekstschaduw met RGB-waarden voor kleur #677EDB
box grens html-code voor kleur #677EDB	tekstschaduw met RGB-waarden
HTML code <div style="background-color:#FFFFFF; border:1px solid #677EDB;"></div>	CSS code with RGB .text-shadow: 0px 2px 2px rgba(103, 126, 219, 1.4);

Voorgeformatteerde code 677EDB	code voor script / programming
HTML, CSS:	= #677EDB; rgb(103, 126, 219)
Java:	= new Color(103, 126, 219)
.NET:	= Color.FromArgb (103, 126, 219);
Xojo:	= rgb (103, 126, 219, 0);
openGL:	= glColor3f (0.4f, 0.49f, 0.86f);
Swift:	= UIColor(red:0.4, green:0.49, blue:0.86, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.4 green:0.49 blue:0.86 alpha:1.00000];

Kleurenschema's met #677EDB

---

Monochromatische kleur Monochromatische kleurenschema's zijn eenvoudig te maken omdat ze slechts ��n kleur gebruiken. Monochromatische schema's gebruiken verschillende tonen vanuit dezelfde hoek op het kleurenwiel (dezelfde hoek). Verander gewoon de kleurverzadiging +10% en je hebt een nieuwe monochromatische kleur. Op onze zaakkleur: 53% heeft een #677EDB-verzadiging. Het toevoegen van 53% + 10% = 63% verzadiging voor onze nieuwe kleur #435AB5. Ccc17 verlagen - 10% = 43% verzadiging #91a7ff rgb (145,167,255) #91a7ff 43% verzadiging #91729c rgb (104,114,156) #91729c 33% verzadiging #435ab5 rgb (67,90,181) #435ab5 63% verzadiging #2a419c rgb (42,65,156) #2a419c 73% verzadiging

Analoge kleur Analoge kleurenschema's worden gemaakt door kleuren te gebruiken die naast elkaar op het kleurenwiel staan. Slechts +/- 30o aan de zijkanten van de kleurtinthoek #8A67DB rgb (138,103,219) #8A67DB 258o #677EDB rgb (103,126,219) #677EDB 228o #67B8DB rgb (103,184,219) #67B8DB 198o

Complementaire kleur Complementaire schema's worden gemaakt door kleuren van tegenovergestelde zijden van het kleurenwiel te combineren. Voeg gewoon 180 graden toe aan kleurtint / -hoek en je hebt de complementaire kleur. Op onze case kleur: #677EDB heeft een 228o hoek. Ccc02 + 180o = 48oo toevoegen voor onze nieuwe complementaire kleur #DBC467. #677EDB rgb (103,126,219) #677EDB 228o #DBC467 rgb (219,196,103) #DBC467 48o

Gespleten kleur Samengestelde regelingen of gesplitste aanvullende regelingen zijn bijna hetzelfde als aanvullende regelingen. In plaats van kleuren te gebruiken die tegengesteld zijn, gebruikt het kleuren aan beide zijden van de tegenovergestelde tinthoek. Op onze case kleur: #677EDB heeft een 228o hoek. Ccc07 + 180o+30o = 78o optellen voor onze eerste complementaire kleur #B8DB67. Afnemend 228o + 180o-30o = 18o voor de tweede complementaire kleur #DB8A67. #DB8A67 rgb (219,138,103) #DB8A67 18o #677EDB rgb (103,126,219) #677EDB 228o #B8DB67 rgb (184,219,103) #B8DB67 78o

Kleuren tirade Triadische schema's zijn opgebouwd uit tinten/hoeken op gelijke afstanden rond het kleurenwiel. Voeg +/- 120 graden aan beide zijden van de kleurtinthoek toe en verlaag deze. #DB677E rgb (219,103,126) #DB677E 348o #677EDB rgb (103,126,219) #677EDB 228o #7EDB67 rgb (126,219,103) #7EDB67 108o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #DB677E rgb (219,103,126) #DB677E 348o #677EDB rgb (103,126,219) #677EDB 228o #DBC467 rgb (219,196,103) #DBC467 48o #67DBC4 rgb (103,219,196) #67DBC4 168o