#377EB5 kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #377EB5

#377EB5

In een RGB-kleurruimte is hex #377EB5 samengesteld uit 22% rood, 49% groen en 71% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 37 rood (55/255), een 7E groen (126/255) en een B5 blauw component (181/255). De decimale RGB-kleurcode is rgb(55,126,181) In CMYK-kleurruimte is het samengesteld uit 70% cyaan, 30% magenta, 0% geel en 29% zwart. Het heeft een tinthoek van 206.19o graden, een verzadiging van 53% en een lichtheid van 46%. De dichtstbijzijnde websafe-kleur is: #3366cc rgb (51, 102, 204).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #377EB5 heeft RGB-waarden van R:55, G:126, B:181 en CMYK-waarden van C:70, M:30, Y:0, K:29. De decimale waarde is 3636917.De binaire code is 1101110111111010110101
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 377EB5  #377EB5 RGB decimale 55, 126, 181  rgb(55, 126, 181) RGB % 22, 49, 71  rgb(22%, 49%, 71%) RGB Adobe 84, 125, 178 CMYK % 70, 30, 0, 29  70%, 30%, 0%, 29% HSL 206.19o, 53, 46  hsl(206.19o, 53%, 46%) HSV (HSB) 206o, 70%, 71%  hsv(206o, 70%, 71%)

Web Safe kleur #3366cc rgb (51, 102, 204) XYZ 17.377, 19.07 46.481 xyY 0.21, 0.23, 19.07 Hunter-Lab 43.67, -3.11, -36.26 CMY 78%, 51%, 29% Lab 50.23, -8.92, -36.2 Binair kleur 37 7E B5 110111 1111110 10110101

Schakeringen en tinten van #377EB5

---

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: #0B1924 is de donkerste kleur en: #D8E6F1 is de lichtste.

Tint kleurvariatie #377EB5

#5591C0 rgb (85,145,192) #5591C0 #6FA2C9 rgb (111,162,201) #6FA2C9 #85B0D1 rgb (133,176,209) #85B0D1 #97BCD8 rgb (151,188,216) #97BCD8 #A7C6DE rgb (167,198,222) #A7C6DE #B4CFE3 rgb (180,207,227) #B4CFE3 #BFD6E7 rgb (191,214,231) #BFD6E7 #C9DCEB rgb (201,220,235) #C9DCEB #D1E1EE rgb (209,225,238) #D1E1EE #D8E6F1 rgb (216,230,241) #D8E6F1

Schaduw kleurvariatie

#2F6B9A rgb (47,107,154) #2F6B9A #285B83 rgb (40,91,131) #285B83 #224D6F rgb (34,77,111) #224D6F #1D415E rgb (29,65,94) #1D415E #193750 rgb (25,55,80) #193750 #152F44 rgb (21,47,68) #152F44 #12283A rgb (18,40,58) #12283A #0F2231 rgb (15,34,49) #0F2231 #0D1D2A rgb (13,29,42) #0D1D2A #0B1924 rgb (11,25,36) #0B1924

Tinten van #377EB5

Een toon wordt geproduceerd door grijs toe te voegen aan elke pure tint. In dit geval is #3E7EB0 de minst verzadigde kleur en #677E93 de meest verzadigde.

#3E7EB0 rgb (62,126,176) #3E7EB0 #457EAB rgb (69,126,171) #457EAB #4B7EA7 rgb (75,126,167) #4B7EA7 #507EA3 rgb (80,126,163) #507EA3 #557EA0 rgb (85,126,160) #557EA0 #597E9D rgb (89,126,157) #597E9D #5D7E9A rgb (93,126,154) #5D7E9A #617E97 rgb (97,126,151) #617E97 #647E95 rgb (100,126,149) #647E95 #677E93 rgb (103,126,147) #677E93

Alternatieven voor #377EB5

---

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

#3742B5 rgb (55,66,181) #3742B5 #3756B5 rgb (55,86,181) #3756B5 #376AB5 rgb (55,106,181) #376AB5 #3792B5 rgb (55,146,181) #3792B5 #37A6B5 rgb (55,166,181) #37A6B5 #37BAB5 rgb (55,186,181) #37BAB5

Snel gebruik #377EB5

---

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

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

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

Voorgeformatteerde code 377EB5	code voor script / programming
HTML, CSS:	= #377EB5; rgb(55, 126, 181)
Java:	= new Color(55, 126, 181)
.NET:	= Color.FromArgb (55, 126, 181);
Xojo:	= rgb (55, 126, 181, 0);
openGL:	= glColor3f (0.22f, 0.49f, 0.71f);
Swift:	= UIColor(red:0.22, green:0.49, blue:0.71, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.22 green:0.49 blue:0.71 alpha:1.00000];

Kleurenschema's met #377EB5

---

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: 70% heeft een #377EB5-verzadiging. Het toevoegen van 70% + 10% = 80% verzadiging voor onze nieuwe kleur #1D5D8F. Ccc17 verlagen - 10% = 60% verzadiging #58a2db rgb (88,162,219) #58a2db 60% verzadiging #585c75 rgb (59,92,117) #585c75 50% verzadiging #1d5d8f rgb (29,93,143) #1d5d8f 80% verzadiging #0c4875 rgb (12,72,117) #0c4875 90% 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 #363FB5 rgb (54,63,181) #363FB5 236o #377EB5 rgb (55,126,181) #377EB5 206o #36B5AD rgb (54,181,173) #36B5AD 176o

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: #377EB5 heeft een 206o hoek. Ccc02 + 180o = 26oo toevoegen voor onze nieuwe complementaire kleur #B56D36. #377EB5 rgb (55,126,181) #377EB5 206o #B56D36 rgb (181,109,54) #B56D36 26o

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: #377EB5 heeft een 206o hoek. Ccc07 + 180o+30o = 56o optellen voor onze eerste complementaire kleur #B5AD36. Afnemend 206o + 180o-30o = 356o voor de tweede complementaire kleur #B5363F. #B5363F rgb (181,54,63) #B5363F 356o #377EB5 rgb (55,126,181) #377EB5 206o #B5AD36 rgb (181,173,54) #B5AD36 56o

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. #B5367E rgb (181,54,126) #B5367E 326o #377EB5 rgb (55,126,181) #377EB5 206o #7EB536 rgb (126,181,54) #7EB536 86o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #B5367E rgb (181,54,126) #B5367E 326o #377EB5 rgb (55,126,181) #377EB5 206o #B56D36 rgb (181,109,54) #B56D36 26o #36B56D rgb (54,181,109) #36B56D 146o