#5495B0 kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #5495B0

#5495B0

In een RGB-kleurruimte is hex #5495B0 samengesteld uit 33% rood, 58% groen en 69% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 54 rood (84/255), een 95 groen (149/255) en een B0 blauw component (176/255). De decimale RGB-kleurcode is rgb(84,149,176) In CMYK-kleurruimte is het samengesteld uit 52% cyaan, 15% magenta, 0% geel en 31% zwart. Het heeft een tinthoek van 197.61o graden, een verzadiging van 37% en een lichtheid van 51%. De dichtstbijzijnde websafe-kleur is: #669999 rgb (102, 153, 153).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #5495B0 heeft RGB-waarden van R:84, G:149, B:176 en CMYK-waarden van C:52, M:15, Y:0, K:31. De decimale waarde is 5543344.De binaire code is 10101001001010110110000
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 5495B0  #5495B0 RGB decimale 84, 149, 176  rgb(84, 149, 176) RGB % 33, 58, 69  rgb(33%, 58%, 69%) RGB Adobe 107, 148, 173 CMYK % 52, 15, 0, 31  52%, 15%, 0%, 31% HSL 197.61o, 37, 51  hsl(197.61o, 37%, 51%) HSV (HSB) 198o, 52%, 69%  hsv(198o, 52%, 69%)

Web Safe kleur #669999 rgb (102, 153, 153) XYZ 22.24, 26.514 45.02 xyY 0.24, 0.28, 26.51 Hunter-Lab 51.49, -10.43, -19.31 CMY 67%, 42%, 31% Lab 58.18, -15.83, -21 Binair kleur 54 95 B0 1010100 10010101 10110000

Schakeringen en tinten van #5495B0

---

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: #101E23 is de donkerste kleur en: #DDEAF0 is de lichtste.

Tint kleurvariatie #5495B0

#6EA5BC rgb (110,165,188) #6EA5BC #84B3C6 rgb (132,179,198) #84B3C6 #96BECF rgb (150,190,207) #96BECF #A6C8D6 rgb (166,200,214) #A6C8D6 #B3D0DC rgb (179,208,220) #B3D0DC #BED7E1 rgb (190,215,225) #BED7E1 #C8DDE6 rgb (200,221,230) #C8DDE6 #D0E2EA rgb (208,226,234) #D0E2EA #D7E6ED rgb (215,230,237) #D7E6ED #DDEAF0 rgb (221,234,240) #DDEAF0

Schaduw kleurvariatie

#477F96 rgb (71,127,150) #477F96 #3C6C80 rgb (60,108,128) #3C6C80 #335C6D rgb (51,92,109) #335C6D #2B4E5D rgb (43,78,93) #2B4E5D #25424F rgb (37,66,79) #25424F #1F3843 rgb (31,56,67) #1F3843 #1A3039 rgb (26,48,57) #1A3039 #162930 rgb (22,41,48) #162930 #132329 rgb (19,35,41) #132329 #101E23 rgb (16,30,35) #101E23

Tinten van #5495B0

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

#5893AB rgb (88,147,171) #5893AB #5C91A7 rgb (92,145,167) #5C91A7 #608FA3 rgb (96,143,163) #608FA3 #638EA0 rgb (99,142,160) #638EA0 #668D9D rgb (102,141,157) #668D9D #698C9A rgb (105,140,154) #698C9A #6B8B97 rgb (107,139,151) #6B8B97 #6D8A95 rgb (109,138,149) #6D8A95 #6F8993 rgb (111,137,147) #6F8993 #718891 rgb (113,136,145) #718891

Alternatieven voor #5495B0

---

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

#5459B0 rgb (84,89,176) #5459B0 #546DB0 rgb (84,109,176) #546DB0 #5481B0 rgb (84,129,176) #5481B0 #54A9B0 rgb (84,169,176) #54A9B0 #54BDB0 rgb (84,189,176) #54BDB0 #54D1B0 rgb (84,209,176) #54D1B0

Snel gebruik #5495B0

---

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

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

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

Voorgeformatteerde code 5495B0	code voor script / programming
HTML, CSS:	= #5495B0; rgb(84, 149, 176)
Java:	= new Color(84, 149, 176)
.NET:	= Color.FromArgb (84, 149, 176);
Xojo:	= rgb (84, 149, 176, 0);
openGL:	= glColor3f (0.33f, 0.58f, 0.69f);
Swift:	= UIColor(red:0.33, green:0.58, blue:0.69, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.33 green:0.58 blue:0.69 alpha:1.00000];

Kleurenschema's met #5495B0

---

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: 52% heeft een #5495B0-verzadiging. Het toevoegen van 52% + 10% = 62% verzadiging voor onze nieuwe kleur #34708A. Ccc17 verlagen - 10% = 42% verzadiging #7cbbd6 rgb (124,187,214) #7cbbd6 42% verzadiging #7c6570 rgb (76,101,112) #7c6570 32% verzadiging #34708a rgb (52,112,138) #34708a 62% verzadiging #1f5870 rgb (31,88,112) #1f5870 72% 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 #5467B0 rgb (84,103,176) #5467B0 228o #5495B0 rgb (84,149,176) #5495B0 198o #54B09E rgb (84,176,158) #54B09E 168o

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: #5495B0 heeft een 198o hoek. Ccc02 + 180o = 18oo toevoegen voor onze nieuwe complementaire kleur #B07054. #5495B0 rgb (84,149,176) #5495B0 198o #B07054 rgb (176,112,84) #B07054 18o

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: #5495B0 heeft een 198o hoek. Ccc07 + 180o+30o = 48o optellen voor onze eerste complementaire kleur #B09E54. Afnemend 198o + 180o-30o = 348o voor de tweede complementaire kleur #B05467. #B05467 rgb (176,84,103) #B05467 348o #5495B0 rgb (84,149,176) #5495B0 198o #B09E54 rgb (176,158,84) #B09E54 48o

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. #B05495 rgb (176,84,149) #B05495 318o #5495B0 rgb (84,149,176) #5495B0 198o #95B054 rgb (149,176,84) #95B054 78o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #B05495 rgb (176,84,149) #B05495 318o #5495B0 rgb (84,149,176) #5495B0 198o #B07054 rgb (176,112,84) #B07054 18o #54B070 rgb (84,176,112) #54B070 138o