#3687AA kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #3687AA

#3687AA

In een RGB-kleurruimte is hex #3687AA samengesteld uit 21% rood, 53% groen en 67% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 36 rood (54/255), een 87 groen (135/255) en een AA blauw component (170/255). De decimale RGB-kleurcode is rgb(54,135,170) In CMYK-kleurruimte is het samengesteld uit 68% cyaan, 21% magenta, 0% geel en 33% zwart. Het heeft een tinthoek van 198.1o graden, een verzadiging van 52% en een lichtheid van 44%. De dichtstbijzijnde websafe-kleur is: #339999 rgb (51, 153, 153).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #3687AA heeft RGB-waarden van R:54, G:135, B:170 en CMYK-waarden van C:68, M:21, Y:0, K:33. De decimale waarde is 3573674.De binaire code is 1101101000011110101010
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 3687AA  #3687AA RGB decimale 54, 135, 170  rgb(54, 135, 170) RGB % 21, 53, 67  rgb(21%, 53%, 67%) RGB Adobe 88, 134, 167 CMYK % 68, 21, 0, 33  68%, 21%, 0%, 33% HSL 198.1o, 52, 44  hsl(198.1o, 52%, 44%) HSV (HSB) 198o, 68%, 67%  hsv(198o, 68%, 67%)

Web Safe kleur #339999 rgb (51, 153, 153) XYZ 17.441, 21.014 41.167 xyY 0.22, 0.26, 21.01 Hunter-Lab 45.84, -10.02, -24.56 CMY 79%, 47%, 33% Lab 52.54, -16.77, -26.32 Binair kleur 36 87 AA 110110 10000111 10101010

Schakeringen en tinten van #3687AA

---

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

Tint kleurvariatie #3687AA

#5499B7 rgb (84,153,183) #5499B7 #6EA8C2 rgb (110,168,194) #6EA8C2 #84B5CB rgb (132,181,203) #84B5CB #96C0D3 rgb (150,192,211) #96C0D3 #A6C9DA rgb (166,201,218) #A6C9DA #B3D1E0 rgb (179,209,224) #B3D1E0 #BED8E5 rgb (190,216,229) #BED8E5 #C8DEE9 rgb (200,222,233) #C8DEE9 #D0E3EC rgb (208,227,236) #D0E3EC #D7E7EF rgb (215,231,239) #D7E7EF

Schaduw kleurvariatie

#2E7391 rgb (46,115,145) #2E7391 #27627B rgb (39,98,123) #27627B #215369 rgb (33,83,105) #215369 #1C4759 rgb (28,71,89) #1C4759 #183C4C rgb (24,60,76) #183C4C #143341 rgb (20,51,65) #143341 #112B37 rgb (17,43,55) #112B37 #0E252F rgb (14,37,47) #0E252F #0C1F28 rgb (12,31,40) #0C1F28 #0A1A22 rgb (10,26,34) #0A1A22

Tinten van #3687AA

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

#3D86A6 rgb (61,134,166) #3D86A6 #4485A2 rgb (68,133,162) #4485A2 #4A859F rgb (74,133,159) #4A859F #4F859C rgb (79,133,156) #4F859C #548599 rgb (84,133,153) #548599 #588597 rgb (88,133,151) #588597 #5C8595 rgb (92,133,149) #5C8595 #608593 rgb (96,133,147) #608593 #638591 rgb (99,133,145) #638591 #66858F rgb (102,133,143) #66858F

Alternatieven voor #3687AA

---

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

#364BAA rgb (54,75,170) #364BAA #365FAA rgb (54,95,170) #365FAA #3673AA rgb (54,115,170) #3673AA #369BAA rgb (54,155,170) #369BAA #36AFAA rgb (54,175,170) #36AFAA #36C3AA rgb (54,195,170) #36C3AA

Snel gebruik #3687AA

---

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

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

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

Voorgeformatteerde code 3687AA	code voor script / programming
HTML, CSS:	= #3687AA; rgb(54, 135, 170)
Java:	= new Color(54, 135, 170)
.NET:	= Color.FromArgb (54, 135, 170);
Xojo:	= rgb (54, 135, 170, 0);
openGL:	= glColor3f (0.21f, 0.53f, 0.67f);
Swift:	= UIColor(red:0.21, green:0.53, blue:0.67, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.21 green:0.53 blue:0.67 alpha:1.00000];

Kleurenschema's met #3687AA

---

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: 68% heeft een #3687AA-verzadiging. Het toevoegen van 68% + 10% = 78% verzadiging voor onze nieuwe kleur #1D6685. Ccc17 verlagen - 10% = 58% verzadiging #58add1 rgb (88,173,209) #58add1 58% verzadiging #585c6b rgb (56,92,107) #585c6b 48% verzadiging #1d6685 rgb (29,102,133) #1d6685 78% verzadiging #0d4f6b rgb (13,79,107) #0d4f6b 88% 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 #374EAB rgb (55,78,171) #374EAB 228o #3687AA rgb (54,135,170) #3687AA 198o #37AB94 rgb (55,171,148) #37AB94 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: #3687AA heeft een 198o hoek. Ccc02 + 180o = 18oo toevoegen voor onze nieuwe complementaire kleur #AB5A37. #3687AA rgb (54,135,170) #3687AA 198o #AB5A37 rgb (171,90,55) #AB5A37 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: #3687AA heeft een 198o hoek. Ccc07 + 180o+30o = 48o optellen voor onze eerste complementaire kleur #AB9437. Afnemend 198o + 180o-30o = 348o voor de tweede complementaire kleur #AB374E. #AB374E rgb (171,55,78) #AB374E 348o #3687AA rgb (54,135,170) #3687AA 198o #AB9437 rgb (171,148,55) #AB9437 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. #AB3788 rgb (171,55,136) #AB3788 318o #3687AA rgb (54,135,170) #3687AA 198o #88AB37 rgb (136,171,55) #88AB37 78o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #AB3788 rgb (171,55,136) #AB3788 318o #3687AA rgb (54,135,170) #3687AA 198o #AB5A37 rgb (171,90,55) #AB5A37 18o #37AB5A rgb (55,171,90) #37AB5A 138o