#549ACC kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #549ACC

#549ACC

In een RGB-kleurruimte is hex #549ACC samengesteld uit 33% rood, 60% groen en 80% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 54 rood (84/255), een 9A groen (154/255) en een CC blauw component (204/255). De decimale RGB-kleurcode is rgb(84,154,204) In CMYK-kleurruimte is het samengesteld uit 59% cyaan, 25% magenta, 0% geel en 20% zwart. Het heeft een tinthoek van 205o graden, een verzadiging van 54% en een lichtheid van 56%. De dichtstbijzijnde websafe-kleur is: #6699cc rgb (102, 153, 204).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #549ACC heeft RGB-waarden van R:84, G:154, B:204 en CMYK-waarden van C:59, M:25, Y:0, K:20. De decimale waarde is 5544652.De binaire code is 10101001001101011001100
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 549ACC  #549ACC RGB decimale 84, 154, 204  rgb(84, 154, 204) RGB % 33, 60, 80  rgb(33%, 60%, 80%) RGB Adobe 109, 153, 201 CMYK % 59, 25, 0, 20  59%, 25%, 0%, 20% HSL 205o, 54, 56  hsl(205o, 54%, 56%) HSV (HSB) 205o, 59%, 80%  hsv(205o, 59%, 80%)

Web Safe kleur #6699cc rgb (102, 153, 204) XYZ 26.111, 29.356 61.417 xyY 0.22, 0.25, 29.36 Hunter-Lab 54.18, -5.99, -33.47 CMY 67%, 40%, 20% Lab 60.6, -11.58, -32.98 Binair kleur 54 9A CC 1010100 10011010 11001100

Schakeringen en tinten van #549ACC

---

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

Tint kleurvariatie #549ACC

#6EA9D4 rgb (110,169,212) #6EA9D4 #84B6DA rgb (132,182,218) #84B6DA #96C1E0 rgb (150,193,224) #96C1E0 #A6CAE5 rgb (166,202,229) #A6CAE5 #B3D2E9 rgb (179,210,233) #B3D2E9 #BED9EC rgb (190,217,236) #BED9EC #C8DFEF rgb (200,223,239) #C8DFEF #D0E4F1 rgb (208,228,241) #D0E4F1 #D7E8F3 rgb (215,232,243) #D7E8F3 #DDEBF5 rgb (221,235,245) #DDEBF5

Schaduw kleurvariatie

#4783AD rgb (71,131,173) #4783AD #3C6F93 rgb (60,111,147) #3C6F93 #335E7D rgb (51,94,125) #335E7D #2B506A rgb (43,80,106) #2B506A #25445A rgb (37,68,90) #25445A #1F3A4D rgb (31,58,77) #1F3A4D #1A3141 rgb (26,49,65) #1A3141 #162A37 rgb (22,42,55) #162A37 #13242F rgb (19,36,47) #13242F #101F28 rgb (16,31,40) #101F28

Tinten van #549ACC

Een toon wordt geproduceerd door grijs toe te voegen aan elke pure tint. In dit geval is #5897C4 de minst verzadigde kleur en #718A9B de meest verzadigde.

#5897C4 rgb (88,151,196) #5897C4 #5C95BD rgb (92,149,189) #5C95BD #6093B7 rgb (96,147,183) #6093B7 #6391B2 rgb (99,145,178) #6391B2 #668FAD rgb (102,143,173) #668FAD #698EA9 rgb (105,142,169) #698EA9 #6B8DA5 rgb (107,141,165) #6B8DA5 #6D8CA1 rgb (109,140,161) #6D8CA1 #6F8B9E rgb (111,139,158) #6F8B9E #718A9B rgb (113,138,155) #718A9B

Alternatieven voor #549ACC

---

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

#545ECC rgb (84,94,204) #545ECC #5472CC rgb (84,114,204) #5472CC #5486CC rgb (84,134,204) #5486CC #54AECC rgb (84,174,204) #54AECC #54C2CC rgb (84,194,204) #54C2CC #54D6CC rgb (84,214,204) #54D6CC

Snel gebruik #549ACC

---

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

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

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

Voorgeformatteerde code 549ACC	code voor script / programming
HTML, CSS:	= #549ACC; rgb(84, 154, 204)
Java:	= new Color(84, 154, 204)
.NET:	= Color.FromArgb (84, 154, 204);
Xojo:	= rgb (84, 154, 204, 0);
openGL:	= glColor3f (0.33f, 0.6f, 0.8f);
Swift:	= UIColor(red:0.33, green:0.6, blue:0.8, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.33 green:0.6 blue:0.8 alpha:1.00000];

Kleurenschema's met #549ACC

---

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 #549ACC-verzadiging. Het toevoegen van 59% + 10% = 69% verzadiging voor onze nieuwe kleur #3376A6. Ccc17 verlagen - 10% = 49% verzadiging #7cc1f2 rgb (124,193,242) #7cc1f2 49% verzadiging #7c758c rgb (86,117,140) #7c758c 39% verzadiging #3376a6 rgb (51,118,166) #3376a6 69% verzadiging #1d5e8c rgb (29,94,140) #1d5e8c 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 #545ECC rgb (84,94,204) #545ECC 235o #549ACC rgb (84,154,204) #549ACC 205o #54CCC2 rgb (84,204,194) #54CCC2 175o

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: #549ACC heeft een 205o hoek. Ccc02 + 180o = 25oo toevoegen voor onze nieuwe complementaire kleur #CC8654. #549ACC rgb (84,154,204) #549ACC 205o #CC8654 rgb (204,134,84) #CC8654 25o

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: #549ACC heeft een 205o hoek. Ccc07 + 180o+30o = 55o optellen voor onze eerste complementaire kleur #CCC254. Afnemend 205o + 180o-30o = 355o voor de tweede complementaire kleur #CC545E. #CC545E rgb (204,84,94) #CC545E 355o #549ACC rgb (84,154,204) #549ACC 205o #CCC254 rgb (204,194,84) #CCC254 55o

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. #CC549A rgb (204,84,154) #CC549A 325o #549ACC rgb (84,154,204) #549ACC 205o #9ACC54 rgb (154,204,84) #9ACC54 85o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #CC549A rgb (204,84,154) #CC549A 325o #549ACC rgb (84,154,204) #549ACC 205o #CC8654 rgb (204,134,84) #CC8654 25o #54CC86 rgb (84,204,134) #54CC86 145o