#663AB0 kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #663AB0

#663AB0

In een RGB-kleurruimte is hex #663AB0 samengesteld uit 40% rood, 23% groen en 69% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 66 rood (102/255), een 3A groen (58/255) en een B0 blauw component (176/255). De decimale RGB-kleurcode is rgb(102,58,176) In CMYK-kleurruimte is het samengesteld uit 42% cyaan, 67% magenta, 0% geel en 31% zwart. Het heeft een tinthoek van 262.37o graden, een verzadiging van 50% en een lichtheid van 46%. De dichtstbijzijnde websafe-kleur is: #663399 rgb (102, 51, 153).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #663AB0 heeft RGB-waarden van R:102, G:58, B:176 en CMYK-waarden van C:42, M:67, Y:0, K:31. De decimale waarde is 6699696.De binaire code is 11001100011101010110000
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 663AB0  #663AB0 RGB decimale 102, 58, 176  rgb(102, 58, 176) RGB % 40, 23, 69  rgb(40%, 23%, 69%) RGB Adobe 92, 61, 172 CMYK % 42, 67, 0, 31  42%, 67%, 0%, 31% HSL 262.37o, 50, 46  hsl(262.37o, 50%, 46%) HSV (HSB) 262o, 67%, 69%  hsv(262o, 67%, 69%)

Web Safe kleur #663399 rgb (102, 51, 153) XYZ 14.829, 8.985 42.027 xyY 0.23, 0.14, 8.99 Hunter-Lab 29.97, 38.05, -66.23 CMY 60%, 77%, 31% Lab 35.24, 39.61, -56.89 Binair kleur 66 3A B0 1100110 111010 10110000

Schakeringen en tinten van #663AB0

---

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: #140C23 is de donkerste kleur en: #E1D8F0 is de lichtste.

Tint kleurvariatie #663AB0

#7D58BC rgb (125,88,188) #7D58BC #9171C6 rgb (145,113,198) #9171C6 #A286CF rgb (162,134,207) #A286CF #B098D6 rgb (176,152,214) #B098D6 #BCA7DC rgb (188,167,220) #BCA7DC #C6B4E1 rgb (198,180,225) #C6B4E1 #CFBFE6 rgb (207,191,230) #CFBFE6 #D6C9EA rgb (214,201,234) #D6C9EA #DCD1ED rgb (220,209,237) #DCD1ED #E1D8F0 rgb (225,216,240) #E1D8F0

Schaduw kleurvariatie

#573196 rgb (87,49,150) #573196 #4A2A80 rgb (74,42,128) #4A2A80 #3F246D rgb (63,36,109) #3F246D #361F5D rgb (54,31,93) #361F5D #2E1A4F rgb (46,26,79) #2E1A4F #271643 rgb (39,22,67) #271643 #211339 rgb (33,19,57) #211339 #1C1030 rgb (28,16,48) #1C1030 #180E29 rgb (24,14,41) #180E29 #140C23 rgb (20,12,35) #140C23

Tinten van #663AB0

Een toon wordt geproduceerd door grijs toe te voegen aan elke pure tint. In dit geval is #6941AB de minst verzadigde kleur en #776891 de meest verzadigde.

#6941AB rgb (105,65,171) #6941AB #6B47A7 rgb (107,71,167) #6B47A7 #6D4DA3 rgb (109,77,163) #6D4DA3 #6F52A0 rgb (111,82,160) #6F52A0 #71579D rgb (113,87,157) #71579D #735B9A rgb (115,91,154) #735B9A #745F97 rgb (116,95,151) #745F97 #756295 rgb (117,98,149) #756295 #766593 rgb (118,101,147) #766593 #776891 rgb (119,104,145) #776891

Alternatieven voor #663AB0

---

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

#523AB0 rgb (82,58,176) #523AB0 #6612B0 rgb (102,18,176) #6612B0 #6626B0 rgb (102,38,176) #6626B0 #664EB0 rgb (102,78,176) #664EB0 #6662B0 rgb (102,98,176) #6662B0 #6676B0 rgb (102,118,176) #6676B0

Snel gebruik #663AB0

---

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

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

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

Voorgeformatteerde code 663AB0	code voor script / programming
HTML, CSS:	= #663AB0; rgb(102, 58, 176)
Java:	= new Color(102, 58, 176)
.NET:	= Color.FromArgb (102, 58, 176);
Xojo:	= rgb (102, 58, 176, 0);
openGL:	= glColor3f (0.4f, 0.23f, 0.69f);
Swift:	= UIColor(red:0.4, green:0.23, blue:0.69, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.4 green:0.23 blue:0.69 alpha:1.00000];

Kleurenschema's met #663AB0

---

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: 67% heeft een #663AB0-verzadiging. Het toevoegen van 67% + 10% = 77% verzadiging voor onze nieuwe kleur #47208A. Ccc17 verlagen - 10% = 57% verzadiging #895cd6 rgb (137,92,214) #895cd6 57% verzadiging #893b70 rgb (79,59,112) #893b70 47% verzadiging #47208a rgb (71,32,138) #47208a 77% verzadiging #320f70 rgb (50,15,112) #320f70 87% 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 #A03AB0 rgb (160,58,176) #A03AB0 292o #663AB0 rgb (102,58,176) #663AB0 262o #3A4AB0 rgb (58,74,176) #3A4AB0 232o

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: #663AB0 heeft een 262o hoek. Ccc02 + 180o = 82oo toevoegen voor onze nieuwe complementaire kleur #85B03A. #663AB0 rgb (102,58,176) #663AB0 262o #85B03A rgb (133,176,58) #85B03A 82o

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: #663AB0 heeft een 262o hoek. Ccc07 + 180o+30o = 112o optellen voor onze eerste complementaire kleur #4AB03A. Afnemend 262o + 180o-30o = 52o voor de tweede complementaire kleur #B0A03A. #B0A03A rgb (176,160,58) #B0A03A 52o #663AB0 rgb (102,58,176) #663AB0 262o #4AB03A rgb (74,176,58) #4AB03A 112o

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. #B0653A rgb (176,101,58) #B0653A 22o #663AB0 rgb (102,58,176) #663AB0 262o #3AB065 rgb (58,176,101) #3AB065 142o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #B0653A rgb (176,101,58) #B0653A 22o #663AB0 rgb (102,58,176) #663AB0 262o #85B03A rgb (133,176,58) #85B03A 82o #3A85B0 rgb (58,133,176) #3A85B0 202o