#6672F4 kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #6672F4

#6672F4

In een RGB-kleurruimte is hex #6672F4 samengesteld uit 40% rood, 45% groen en 96% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 66 rood (102/255), een 72 groen (114/255) en een F4 blauw component (244/255). De decimale RGB-kleurcode is rgb(102,114,244) In CMYK-kleurruimte is het samengesteld uit 58% cyaan, 53% magenta, 0% geel en 4% zwart. Het heeft een tinthoek van 234.93o graden, een verzadiging van 87% en een lichtheid van 68%. De dichtstbijzijnde websafe-kleur is: #6666ff rgb (102, 102, 255).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #6672F4 heeft RGB-waarden van R:102, G:114, B:244 en CMYK-waarden van C:58, M:53, Y:0, K:4. De decimale waarde is 6714100.De binaire code is 11001100111001011110100
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 6672F4  #6672F4 RGB decimale 102, 114, 244  rgb(102, 114, 244) RGB % 40, 45, 96  rgb(40%, 45%, 96%) RGB Adobe 105, 113, 240 CMYK % 58, 53, 0, 4  58%, 53%, 0%, 4% HSL 234.93o, 87, 68  hsl(234.93o, 87%, 68%) HSV (HSB) 235o, 58%, 96%  hsv(235o, 58%, 96%)

Web Safe kleur #6666ff rgb (102, 102, 255) XYZ 27.826, 21.391 88.25 xyY 0.2, 0.16, 21.39 Hunter-Lab 46.25, 29.38, -86.47 CMY 60%, 55%, 4% Lab 52.4, 24.92, -68.11 Binair kleur 66 72 F4 1100110 1110010 11110100

Schakeringen en tinten van #6672F4

---

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: #141630 is de donkerste kleur en: #E1E3FC is de lichtste.

Tint kleurvariatie #6672F4

#7D87F6 rgb (125,135,246) #7D87F6 #9199F7 rgb (145,153,247) #9199F7 #A2A8F8 rgb (162,168,248) #A2A8F8 #B0B5F9 rgb (176,181,249) #B0B5F9 #BCC0FA rgb (188,192,250) #BCC0FA #C6C9FB rgb (198,201,251) #C6C9FB #CFD1FC rgb (207,209,252) #CFD1FC #D6D8FC rgb (214,216,252) #D6D8FC #DCDEFC rgb (220,222,252) #DCDEFC #E1E3FC rgb (225,227,252) #E1E3FC

Schaduw kleurvariatie

#5761CF rgb (87,97,207) #5761CF #4A52B0 rgb (74,82,176) #4A52B0 #3F4696 rgb (63,70,150) #3F4696 #363C80 rgb (54,60,128) #363C80 #2E336D rgb (46,51,109) #2E336D #272B5D rgb (39,43,93) #272B5D #21254F rgb (33,37,79) #21254F #1C1F43 rgb (28,31,67) #1C1F43 #181A39 rgb (24,26,57) #181A39 #141630 rgb (20,22,48) #141630

Tinten van #6672F4

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

#6973E8 rgb (105,115,232) #6973E8 #6B74DE rgb (107,116,222) #6B74DE #6D75D5 rgb (109,117,213) #6D75D5 #6F76CD rgb (111,118,205) #6F76CD #7177C5 rgb (113,119,197) #7177C5 #7378BE rgb (115,120,190) #7378BE #7479B8 rgb (116,121,184) #7479B8 #757AB2 rgb (117,122,178) #757AB2 #767BAD rgb (118,123,173) #767BAD #777CA9 rgb (119,124,169) #777CA9

Alternatieven voor #6672F4

---

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

#6636F4 rgb (102,54,244) #6636F4 #664AF4 rgb (102,74,244) #664AF4 #665EF4 rgb (102,94,244) #665EF4 #6686F4 rgb (102,134,244) #6686F4 #669AF4 rgb (102,154,244) #669AF4 #66AEF4 rgb (102,174,244) #66AEF4

Snel gebruik #6672F4

---

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

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

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

Voorgeformatteerde code 6672F4	code voor script / programming
HTML, CSS:	= #6672F4; rgb(102, 114, 244)
Java:	= new Color(102, 114, 244)
.NET:	= Color.FromArgb (102, 114, 244);
Xojo:	= rgb (102, 114, 244, 0);
openGL:	= glColor3f (0.4f, 0.45f, 0.96f);
Swift:	= UIColor(red:0.4, green:0.45, blue:0.96, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.4 green:0.45 blue:0.96 alpha:1.00000];

Kleurenschema's met #6672F4

---

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: 58% heeft een #6672F4-verzadiging. Het toevoegen van 58% + 10% = 68% verzadiging voor onze nieuwe kleur #424ECF. Ccc17 verlagen - 10% = 48% verzadiging #858fff rgb (133,143,255) #858fff 48% verzadiging #8576b5 rgb (112,118,181) #8576b5 38% verzadiging #424ecf rgb (66,78,207) #424ecf 68% verzadiging #2834b5 rgb (40,52,181) #2834b5 78% 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 #A267F5 rgb (162,103,245) #A267F5 265o #6672F4 rgb (102,114,244) #6672F4 235o #67BAF5 rgb (103,186,245) #67BAF5 205o

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: #6672F4 heeft een 235o hoek. Ccc02 + 180o = 55oo toevoegen voor onze nieuwe complementaire kleur #F5E967. #6672F4 rgb (102,114,244) #6672F4 235o #F5E967 rgb (245,233,103) #F5E967 55o

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: #6672F4 heeft een 235o hoek. Ccc07 + 180o+30o = 85o optellen voor onze eerste complementaire kleur #BAF567. Afnemend 235o + 180o-30o = 25o voor de tweede complementaire kleur #F5A267. #F5A267 rgb (245,162,103) #F5A267 25o #6672F4 rgb (102,114,244) #6672F4 235o #BAF567 rgb (186,245,103) #BAF567 85o

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. #F56773 rgb (245,103,115) #F56773 355o #6672F4 rgb (102,114,244) #6672F4 235o #73F567 rgb (115,245,103) #73F567 115o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #F56773 rgb (245,103,115) #F56773 355o #6672F4 rgb (102,114,244) #6672F4 235o #F5E967 rgb (245,233,103) #F5E967 55o #67F5E9 rgb (103,245,233) #67F5E9 175o