#63ABF2 kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #63ABF2

#63ABF2

In een RGB-kleurruimte is hex #63ABF2 samengesteld uit 39% rood, 67% groen en 95% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 63 rood (99/255), een AB groen (171/255) en een F2 blauw component (242/255). De decimale RGB-kleurcode is rgb(99,171,242) In CMYK-kleurruimte is het samengesteld uit 59% cyaan, 29% magenta, 0% geel en 5% zwart. Het heeft een tinthoek van 209.79o graden, een verzadiging van 85% en een lichtheid van 67%. De dichtstbijzijnde websafe-kleur is: #6699ff rgb (102, 153, 255).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #63ABF2 heeft RGB-waarden van R:99, G:171, B:242 en CMYK-waarden van C:59, M:29, Y:0, K:5. De decimale waarde is 6532082.De binaire code is 11000111010101111110010
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 63ABF2  #63ABF2 RGB decimale 99, 171, 242  rgb(99, 171, 242) RGB % 39, 67, 95  rgb(39%, 67%, 95%) RGB Adobe 124, 169, 239 CMYK % 59, 29, 0, 5  59%, 29%, 0%, 5% HSL 209.79o, 85, 67  hsl(209.79o, 85%, 67%) HSV (HSB) 210o, 59%, 95%  hsv(210o, 59%, 95%)

Web Safe kleur #6699ff rgb (102, 153, 255) XYZ 35.736, 38.189 89.492 xyY 0.22, 0.23, 38.19 Hunter-Lab 61.8, -1.65, -47.73 CMY 61%, 33%, 5% Lab 67.54, -7.45, -43.05 Binair kleur 63 AB F2 1100011 10101011 11110010

Schakeringen en tinten van #63ABF2

---

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

Tint kleurvariatie #63ABF2

#7AB8F4 rgb (122,184,244) #7AB8F4 #8EC3F6 rgb (142,195,246) #8EC3F6 #9FCCF7 rgb (159,204,247) #9FCCF7 #ADD4F8 rgb (173,212,248) #ADD4F8 #B9DAF9 rgb (185,218,249) #B9DAF9 #C4E0FA rgb (196,224,250) #C4E0FA #CDE5FB rgb (205,229,251) #CDE5FB #D5E9FC rgb (213,233,252) #D5E9FC #DBECFC rgb (219,236,252) #DBECFC #E0EFFC rgb (224,239,252) #E0EFFC

Schaduw kleurvariatie

#5491CE rgb (84,145,206) #5491CE #477BAF rgb (71,123,175) #477BAF #3C6995 rgb (60,105,149) #3C6995 #33597F rgb (51,89,127) #33597F #2B4C6C rgb (43,76,108) #2B4C6C #25415C rgb (37,65,92) #25415C #1F374E rgb (31,55,78) #1F374E #1A2F42 rgb (26,47,66) #1A2F42 #162838 rgb (22,40,56) #162838 #132230 rgb (19,34,48) #132230

Tinten van #63ABF2

Een toon wordt geproduceerd door grijs toe te voegen aan elke pure tint. In dit geval is #66A7E7 de minst verzadigde kleur en #768FA9 de meest verzadigde.

#66A7E7 rgb (102,167,231) #66A7E7 #69A3DD rgb (105,163,221) #69A3DD #6BA0D4 rgb (107,160,212) #6BA0D4 #6D9DCC rgb (109,157,204) #6D9DCC #6F9AC4 rgb (111,154,196) #6F9AC4 #7197BD rgb (113,151,189) #7197BD #7395B7 rgb (115,149,183) #7395B7 #7493B2 rgb (116,147,178) #7493B2 #7591AD rgb (117,145,173) #7591AD #768FA9 rgb (118,143,169) #768FA9

Alternatieven voor #63ABF2

---

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

#636FF2 rgb (99,111,242) #636FF2 #6383F2 rgb (99,131,242) #6383F2 #6397F2 rgb (99,151,242) #6397F2 #63BFF2 rgb (99,191,242) #63BFF2 #63D3F2 rgb (99,211,242) #63D3F2 #63E7F2 rgb (99,231,242) #63E7F2

Snel gebruik #63ABF2

---

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

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

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

Voorgeformatteerde code 63ABF2	code voor script / programming
HTML, CSS:	= #63ABF2; rgb(99, 171, 242)
Java:	= new Color(99, 171, 242)
.NET:	= Color.FromArgb (99, 171, 242);
Xojo:	= rgb (99, 171, 242, 0);
openGL:	= glColor3f (0.39f, 0.67f, 0.95f);
Swift:	= UIColor(red:0.39, green:0.67, blue:0.95, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.39 green:0.67 blue:0.95 alpha:1.00000];

Kleurenschema's met #63ABF2

---

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: 59% heeft een #63ABF2-verzadiging. Het toevoegen van 59% + 10% = 69% verzadiging voor onze nieuwe kleur #3F86CC. Ccc17 verlagen - 10% = 49% verzadiging #82c1ff rgb (130,193,255) #82c1ff 49% verzadiging #8290b3 rgb (109,144,179) #8290b3 39% verzadiging #3f86cc rgb (63,134,204) #3f86cc 69% verzadiging #256cb3 rgb (37,108,179) #256cb3 79% 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 #6363F2 rgb (99,99,242) #6363F2 240o #63ABF2 rgb (99,171,242) #63ABF2 210o #63F2F2 rgb (99,242,242) #63F2F2 180o

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: #63ABF2 heeft een 210o hoek. Ccc02 + 180o = 30oo toevoegen voor onze nieuwe complementaire kleur #F2AB63. #63ABF2 rgb (99,171,242) #63ABF2 210o #F2AB63 rgb (242,171,99) #F2AB63 30o

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: #63ABF2 heeft een 210o hoek. Ccc07 + 180o+30o = 60o optellen voor onze eerste complementaire kleur #F2F263. Afnemend 210o + 180o-30o = 360o voor de tweede complementaire kleur #F26363. #F26363 rgb (242,99,99) #F26363 360o #63ABF2 rgb (99,171,242) #63ABF2 210o #F2F263 rgb (242,242,99) #F2F263 60o

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. #F263AB rgb (242,99,171) #F263AB 330o #63ABF2 rgb (99,171,242) #63ABF2 210o #ABF263 rgb (171,242,99) #ABF263 90o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #F263AB rgb (242,99,171) #F263AB 330o #63ABF2 rgb (99,171,242) #63ABF2 210o #F2AB63 rgb (242,171,99) #F2AB63 30o #63F2AB rgb (99,242,171) #63F2AB 150o