#489AB4 kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #489AB4

#489AB4

In een RGB-kleurruimte is hex #489AB4 samengesteld uit 28% rood, 60% groen en 71% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 48 rood (72/255), een 9A groen (154/255) en een B4 blauw component (180/255). De decimale RGB-kleurcode is rgb(72,154,180) In CMYK-kleurruimte is het samengesteld uit 60% cyaan, 14% magenta, 0% geel en 29% zwart. Het heeft een tinthoek van 194.44o graden, een verzadiging van 43% en een lichtheid van 49%. De dichtstbijzijnde websafe-kleur is: #3399cc rgb (51, 153, 204).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #489AB4 heeft RGB-waarden van R:72, G:154, B:180 en CMYK-waarden van C:60, M:14, Y:0, K:29. De decimale waarde is 4758196.De binaire code is 10010001001101010110100
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 489AB4  #489AB4 RGB decimale 72, 154, 180  rgb(72, 154, 180) RGB % 28, 60, 71  rgb(28%, 60%, 71%) RGB Adobe 104, 153, 178 CMYK % 60, 14, 0, 29  60%, 14%, 0%, 29% HSL 194.44o, 43, 49  hsl(194.44o, 43%, 49%) HSV (HSB) 194o, 60%, 71%  hsv(194o, 60%, 71%)

Web Safe kleur #3399cc rgb (51, 153, 204) XYZ 22.466, 27.784 47.359 xyY 0.23, 0.28, 27.78 Hunter-Lab 52.71, -13.56, -19.98 CMY 72%, 40%, 29% Lab 59.32, -20.05, -21.58 Binair kleur 48 9A B4 1001000 10011010 10110100

Schakeringen en tinten van #489AB4

---

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

Tint kleurvariatie #489AB4

#63A9BF rgb (99,169,191) #63A9BF #7AB6C9 rgb (122,182,201) #7AB6C9 #8EC1D1 rgb (142,193,209) #8EC1D1 #9FCAD8 rgb (159,202,216) #9FCAD8 #ADD2DE rgb (173,210,222) #ADD2DE #B9D9E3 rgb (185,217,227) #B9D9E3 #C4DFE7 rgb (196,223,231) #C4DFE7 #CDE4EB rgb (205,228,235) #CDE4EB #D5E8EE rgb (213,232,238) #D5E8EE #DBEBF1 rgb (219,235,241) #DBEBF1

Schaduw kleurvariatie

#3D8399 rgb (61,131,153) #3D8399 #346F82 rgb (52,111,130) #346F82 #2C5E6F rgb (44,94,111) #2C5E6F #25505E rgb (37,80,94) #25505E #1F4450 rgb (31,68,80) #1F4450 #1A3A44 rgb (26,58,68) #1A3A44 #16313A rgb (22,49,58) #16313A #132A31 rgb (19,42,49) #132A31 #10242A rgb (16,36,42) #10242A #0E1F24 rgb (14,31,36) #0E1F24

Tinten van #489AB4

Een toon wordt geproduceerd door grijs toe te voegen aan elke pure tint. In dit geval is #4E97AF de minst verzadigde kleur en #6D8A93 de meest verzadigde.

#4E97AF rgb (78,151,175) #4E97AF #5395AA rgb (83,149,170) #5395AA #5893A6 rgb (88,147,166) #5893A6 #5C91A2 rgb (92,145,162) #5C91A2 #608F9F rgb (96,143,159) #608F9F #638E9C rgb (99,142,156) #638E9C #668D99 rgb (102,141,153) #668D99 #698C97 rgb (105,140,151) #698C97 #6B8B95 rgb (107,139,149) #6B8B95 #6D8A93 rgb (109,138,147) #6D8A93

Alternatieven voor #489AB4

---

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

#485EB4 rgb (72,94,180) #485EB4 #4872B4 rgb (72,114,180) #4872B4 #4886B4 rgb (72,134,180) #4886B4 #48AEB4 rgb (72,174,180) #48AEB4 #48C2B4 rgb (72,194,180) #48C2B4 #48D6B4 rgb (72,214,180) #48D6B4

Snel gebruik #489AB4

---

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

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

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

Voorgeformatteerde code 489AB4	code voor script / programming
HTML, CSS:	= #489AB4; rgb(72, 154, 180)
Java:	= new Color(72, 154, 180)
.NET:	= Color.FromArgb (72, 154, 180);
Xojo:	= rgb (72, 154, 180, 0);
openGL:	= glColor3f (0.28f, 0.6f, 0.71f);
Swift:	= UIColor(red:0.28, green:0.6, blue:0.71, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.28 green:0.6 blue:0.71 alpha:1.00000];

Kleurenschema's met #489AB4

---

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: 60% heeft een #489AB4-verzadiging. Het toevoegen van 60% + 10% = 70% verzadiging voor onze nieuwe kleur #2B778F. Ccc17 verlagen - 10% = 50% verzadiging #6ec2db rgb (110,194,219) #6ec2db 50% verzadiging #6e6a75 rgb (70,106,117) #6e6a75 40% verzadiging #2b778f rgb (43,119,143) #2b778f 70% verzadiging #175f75 rgb (23,95,117) #175f75 80% 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 #4865B5 rgb (72,101,181) #4865B5 224o #489AB4 rgb (72,154,180) #489AB4 194o #48B598 rgb (72,181,152) #48B598 164o

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: #489AB4 heeft een 194o hoek. Ccc02 + 180o = 14oo toevoegen voor onze nieuwe complementaire kleur #B56248. #489AB4 rgb (72,154,180) #489AB4 194o #B56248 rgb (181,98,72) #B56248 14o

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: #489AB4 heeft een 194o hoek. Ccc07 + 180o+30o = 44o optellen voor onze eerste complementaire kleur #B59848. Afnemend 194o + 180o-30o = 344o voor de tweede complementaire kleur #B54865. #B54865 rgb (181,72,101) #B54865 344o #489AB4 rgb (72,154,180) #489AB4 194o #B59848 rgb (181,152,72) #B59848 44o

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. #B5489C rgb (181,72,156) #B5489C 314o #489AB4 rgb (72,154,180) #489AB4 194o #9CB548 rgb (156,181,72) #9CB548 74o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #B5489C rgb (181,72,156) #B5489C 314o #489AB4 rgb (72,154,180) #489AB4 194o #B56248 rgb (181,98,72) #B56248 14o #48B562 rgb (72,181,98) #48B562 134o