#676FE0 kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #676FE0

#676FE0

In een RGB-kleurruimte is hex #676FE0 samengesteld uit 40% rood, 44% groen en 88% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 67 rood (103/255), een 6F groen (111/255) en een E0 blauw component (224/255). De decimale RGB-kleurcode is rgb(103,111,224) In CMYK-kleurruimte is het samengesteld uit 54% cyaan, 50% magenta, 0% geel en 12% zwart. Het heeft een tinthoek van 236.03o graden, een verzadiging van 66% en een lichtheid van 64%. De dichtstbijzijnde websafe-kleur is: #6666cc rgb (102, 102, 204).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #676FE0 heeft RGB-waarden van R:103, G:111, B:224 en CMYK-waarden van C:54, M:50, Y:0, K:12. De decimale waarde is 6778848.De binaire code is 11001110110111111100000
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 676FE0  #676FE0 RGB decimale 103, 111, 224  rgb(103, 111, 224) RGB % 40, 44, 88  rgb(40%, 44%, 88%) RGB Adobe 105, 110, 220 CMYK % 54, 50, 0, 12  54%, 50%, 0%, 12% HSL 236.03o, 66, 64  hsl(236.03o, 66%, 64%) HSV (HSB) 236o, 54%, 88%  hsv(236o, 54%, 88%)

Web Safe kleur #6666cc rgb (102, 102, 204) XYZ 24.733, 19.634 73.007 xyY 0.21, 0.17, 19.63 Hunter-Lab 44.31, 24.85, -71.74 CMY 60%, 56%, 12% Lab 50.61, 21.64, -59.83 Binair kleur 67 6F E0 1100111 1101111 11100000

Schakeringen en tinten van #676FE0

---

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: #14162B is de donkerste kleur en: #E1E3F9 is de lichtste.

Tint kleurvariatie #676FE0

#7E85E5 rgb (126,133,229) #7E85E5 #9197E9 rgb (145,151,233) #9197E9 #A2A7EC rgb (162,167,236) #A2A7EC #B0B4EF rgb (176,180,239) #B0B4EF #BCBFF1 rgb (188,191,241) #BCBFF1 #C6C9F3 rgb (198,201,243) #C6C9F3 #CFD1F5 rgb (207,209,245) #CFD1F5 #D6D8F7 rgb (214,216,247) #D6D8F7 #DCDEF8 rgb (220,222,248) #DCDEF8 #E1E3F9 rgb (225,227,249) #E1E3F9

Schaduw kleurvariatie

#585EBE rgb (88,94,190) #585EBE #4B50A2 rgb (75,80,162) #4B50A2 #40448A rgb (64,68,138) #40448A #363A75 rgb (54,58,117) #363A75 #2E3163 rgb (46,49,99) #2E3163 #272A54 rgb (39,42,84) #272A54 #212447 rgb (33,36,71) #212447 #1C1F3C rgb (28,31,60) #1C1F3C #181A33 rgb (24,26,51) #181A33 #14162B rgb (20,22,43) #14162B

Tinten van #676FE0

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

#6A71D6 rgb (106,113,214) #6A71D6 #6C73CD rgb (108,115,205) #6C73CD #6E74C5 rgb (110,116,197) #6E74C5 #7075BE rgb (112,117,190) #7075BE #7276B8 rgb (114,118,184) #7276B8 #7377B2 rgb (115,119,178) #7377B2 #7478AD rgb (116,120,173) #7478AD #7579A9 rgb (117,121,169) #7579A9 #767AA5 rgb (118,122,165) #767AA5 #777BA1 rgb (119,123,161) #777BA1

Alternatieven voor #676FE0

---

Hieronder ziet u enkele kleuren die dicht bij #676FE0 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.

#6733E0 rgb (103,51,224) #6733E0 #6747E0 rgb (103,71,224) #6747E0 #675BE0 rgb (103,91,224) #675BE0 #6783E0 rgb (103,131,224) #6783E0 #6797E0 rgb (103,151,224) #6797E0 #67ABE0 rgb (103,171,224) #67ABE0

Snel gebruik #676FE0

---

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

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

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

Voorgeformatteerde code 676FE0	code voor script / programming
HTML, CSS:	= #676FE0; rgb(103, 111, 224)
Java:	= new Color(103, 111, 224)
.NET:	= Color.FromArgb (103, 111, 224);
Xojo:	= rgb (103, 111, 224, 0);
openGL:	= glColor3f (0.4f, 0.44f, 0.88f);
Swift:	= UIColor(red:0.4, green:0.44, blue:0.88, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.4 green:0.44 blue:0.88 alpha:1.00000];

Kleurenschema's met #676FE0

---

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: 54% heeft een #676FE0-verzadiging. Het toevoegen van 54% + 10% = 64% verzadiging voor onze nieuwe kleur #434BBA. Ccc17 verlagen - 10% = 44% verzadiging #8f96ff rgb (143,150,255) #8f96ff 44% verzadiging #8f6ea1 rgb (106,110,161) #8f6ea1 34% verzadiging #434bba rgb (67,75,186) #434bba 64% verzadiging #2a32a1 rgb (42,50,161) #2a32a1 74% 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 #9C67E0 rgb (156,103,224) #9C67E0 266o #676FE0 rgb (103,111,224) #676FE0 236o #67ACE0 rgb (103,172,224) #67ACE0 206o

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: #676FE0 heeft een 236o hoek. Ccc02 + 180o = 56oo toevoegen voor onze nieuwe complementaire kleur #E0D867. #676FE0 rgb (103,111,224) #676FE0 236o #E0D867 rgb (224,216,103) #E0D867 56o

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: #676FE0 heeft een 236o hoek. Ccc07 + 180o+30o = 86o optellen voor onze eerste complementaire kleur #ACE067. Afnemend 236o + 180o-30o = 26o voor de tweede complementaire kleur #E09C67. #E09C67 rgb (224,156,103) #E09C67 26o #676FE0 rgb (103,111,224) #676FE0 236o #ACE067 rgb (172,224,103) #ACE067 86o

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. #E0676F rgb (224,103,111) #E0676F 356o #676FE0 rgb (103,111,224) #676FE0 236o #6FE067 rgb (111,224,103) #6FE067 116o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #E0676F rgb (224,103,111) #E0676F 356o #676FE0 rgb (103,111,224) #676FE0 236o #E0D867 rgb (224,216,103) #E0D867 56o #67E0D8 rgb (103,224,216) #67E0D8 176o