#80B3FF kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #80B3FF

#80B3FF

In een RGB-kleurruimte is hex #80B3FF samengesteld uit 50% rood, 70% groen en 100% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 80 rood (128/255), een B3 groen (179/255) en een FF blauw component (255/255). De decimale RGB-kleurcode is rgb(128,179,255) In CMYK-kleurruimte is het samengesteld uit 50% cyaan, 30% magenta, 0% geel en 0% zwart. Het heeft een tinthoek van 215.91o graden, een verzadiging van 100% en een lichtheid van 75%. De dichtstbijzijnde websafe-kleur is: #99ccff rgb (153, 204, 255).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #80B3FF heeft RGB-waarden van R:128, G:179, B:255 en CMYK-waarden van C:50, M:30, Y:0, K:0. De decimale waarde is 8434687.De binaire code is 100000001011001111111111
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 80B3FF  #80B3FF RGB decimale 128, 179, 255  rgb(128, 179, 255) RGB % 50, 70, 100  rgb(50%, 70%, 100%) RGB Adobe 144, 178, 252 CMYK % 50, 30, 0, 0  50%, 30%, 0%, 0% HSL 215.91o, 100, 75  hsl(215.91o, 100%, 75%) HSV (HSB) 216o, 50%, 100%  hsv(216o, 50%, 100%)

Web Safe kleur #99ccff rgb (153, 204, 255) XYZ 43.072, 44.049 100.84 xyY 0.23, 0.23, 44.05 Hunter-Lab 66.37, 3.29, -49.05 CMY 50%, 30%, 0% Lab 71.68, -1.69, -43.5 Binair kleur 80 B3 FF 10000000 10110011 11111111

Schakeringen en tinten van #80B3FF

---

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: #1A2433 is de donkerste kleur en: #E6F0FF is de lichtste.

Tint kleurvariatie #80B3FF

#93BEFF rgb (147,190,255) #93BEFF #A3C8FF rgb (163,200,255) #A3C8FF #B1D0FF rgb (177,208,255) #B1D0FF #BDD7FF rgb (189,215,255) #BDD7FF #C7DDFF rgb (199,221,255) #C7DDFF #CFE2FF rgb (207,226,255) #CFE2FF #D6E6FF rgb (214,230,255) #D6E6FF #DCEAFF rgb (220,234,255) #DCEAFF #E1EDFF rgb (225,237,255) #E1EDFF #E6F0FF rgb (230,240,255) #E6F0FF

Schaduw kleurvariatie

#6D98D9 rgb (109,152,217) #6D98D9 #5D81B8 rgb (93,129,184) #5D81B8 #4F6E9C rgb (79,110,156) #4F6E9C #435E85 rgb (67,94,133) #435E85 #395071 rgb (57,80,113) #395071 #304460 rgb (48,68,96) #304460 #293A52 rgb (41,58,82) #293A52 #233146 rgb (35,49,70) #233146 #1E2A3C rgb (30,42,60) #1E2A3C #1A2433 rgb (26,36,51) #1A2433

Tinten van #80B3FF

Een toon wordt geproduceerd door grijs toe te voegen aan elke pure tint. In dit geval is #80AEF2 de minst verzadigde kleur en #8092AD de meest verzadigde.

#80AEF2 rgb (128,174,242) #80AEF2 #80A9E7 rgb (128,169,231) #80A9E7 #80A5DD rgb (128,165,221) #80A5DD #80A1D4 rgb (128,161,212) #80A1D4 #809ECC rgb (128,158,204) #809ECC #809BC4 rgb (128,155,196) #809BC4 #8098BD rgb (128,152,189) #8098BD #8096B7 rgb (128,150,183) #8096B7 #8094B2 rgb (128,148,178) #8094B2 #8092AD rgb (128,146,173) #8092AD

Alternatieven voor #80B3FF

---

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

#8077FF rgb (128,119,255) #8077FF #808BFF rgb (128,139,255) #808BFF #809FFF rgb (128,159,255) #809FFF #80C7FF rgb (128,199,255) #80C7FF #80DBFF rgb (128,219,255) #80DBFF #80EFFF rgb (128,239,255) #80EFFF

Snel gebruik #80B3FF

---

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

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

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

Voorgeformatteerde code 80B3FF	code voor script / programming
HTML, CSS:	= #80B3FF; rgb(128, 179, 255)
Java:	= new Color(128, 179, 255)
.NET:	= Color.FromArgb (128, 179, 255);
Xojo:	= rgb (128, 179, 255, 0);
openGL:	= glColor3f (0.5f, 0.7f, 1f);
Swift:	= UIColor(red:0.5, green:0.7, blue:1, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.5 green:0.7 blue:1 alpha:1.00000];

Kleurenschema's met #80B3FF

---

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: 50% heeft een #80B3FF-verzadiging. Het toevoegen van 50% + 10% = 60% verzadiging voor onze nieuwe kleur #578BD9. Ccc17 verlagen - 10% = 40% verzadiging #99c2ff rgb (153,194,255) #99c2ff 40% verzadiging #999dbf rgb (134,157,191) #999dbf 30% verzadiging #578bd9 rgb (87,139,217) #578bd9 60% verzadiging #396fbf rgb (57,111,191) #396fbf 70% 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 #8C80FF rgb (140,128,255) #8C80FF 246o #80B3FF rgb (128,179,255) #80B3FF 216o #80F2FF rgb (128,242,255) #80F2FF 186o

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: #80B3FF heeft een 216o hoek. Ccc02 + 180o = 36oo toevoegen voor onze nieuwe complementaire kleur #FFCC80. #80B3FF rgb (128,179,255) #80B3FF 216o #FFCC80 rgb (255,204,128) #FFCC80 36o

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: #80B3FF heeft een 216o hoek. Ccc07 + 180o+30o = 66o optellen voor onze eerste complementaire kleur #F2FF80. Afnemend 216o + 180o-30o = 6o voor de tweede complementaire kleur #FF8C80. #FF8C80 rgb (255,140,128) #FF8C80 6o #80B3FF rgb (128,179,255) #80B3FF 216o #F2FF80 rgb (242,255,128) #F2FF80 66o

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. #FF80B3 rgb (255,128,179) #FF80B3 336o #80B3FF rgb (128,179,255) #80B3FF 216o #B3FF80 rgb (179,255,128) #B3FF80 96o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #FF80B3 rgb (255,128,179) #FF80B3 336o #80B3FF rgb (128,179,255) #80B3FF 216o #FFCC80 rgb (255,204,128) #FFCC80 36o #80FFCC rgb (128,255,204) #80FFCC 156o