#7ABC9C kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #7ABC9C

#7ABC9C

In een RGB-kleurruimte is hex #7ABC9C samengesteld uit 48% rood, 74% groen en 61% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 7A rood (122/255), een BC groen (188/255) en een 9C blauw component (156/255). De decimale RGB-kleurcode is rgb(122,188,156) In CMYK-kleurruimte is het samengesteld uit 35% cyaan, 0% magenta, 17% geel en 26% zwart. Het heeft een tinthoek van 150.91o graden, een verzadiging van 33% en een lichtheid van 61%. De dichtstbijzijnde websafe-kleur is: #66cc99 rgb (102, 204, 153).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #7ABC9C heeft RGB-waarden van R:122, G:188, B:156 en CMYK-waarden van C:35, M:0, Y:17, K:26. De decimale waarde is 8043676.De binaire code is 11110101011110010011100
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 7ABC9C  #7ABC9C RGB decimale 122, 188, 156  rgb(122, 188, 156) RGB % 48, 74, 61  rgb(48%, 74%, 61%) RGB Adobe 144, 187, 156 CMYK % 35, 0, 17, 26  35%, 0%, 17%, 26% HSL 150.91o, 33, 61  hsl(150.91o, 33%, 61%) HSV (HSB) 151o, 35%, 74%  hsv(151o, 35%, 74%)

Web Safe kleur #66cc99 rgb (102, 204, 153) XYZ 32.01, 42.504 37.97 xyY 0.28, 0.38, 42.5 Hunter-Lab 65.2, -23.33, 7.85 CMY 52%, 26%, 39% Lab 71.14, -27.27, 9.28 Binair kleur 7A BC 9C 1111010 10111100 10011100

Schakeringen en tinten van #7ABC9C

---

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: #18251F is de donkerste kleur en: #E5F2EC is de lichtste.

Tint kleurvariatie #7ABC9C

#8EC6AB rgb (142,198,171) #8EC6AB #9FCFB8 rgb (159,207,184) #9FCFB8 #ADD6C3 rgb (173,214,195) #ADD6C3 #B9DCCC rgb (185,220,204) #B9DCCC #C4E1D4 rgb (196,225,212) #C4E1D4 #CDE6DA rgb (205,230,218) #CDE6DA #D5EAE0 rgb (213,234,224) #D5EAE0 #DBEDE5 rgb (219,237,229) #DBEDE5 #E0F0E9 rgb (224,240,233) #E0F0E9 #E5F2EC rgb (229,242,236) #E5F2EC

Schaduw kleurvariatie

#68A085 rgb (104,160,133) #68A085 #588871 rgb (88,136,113) #588871 #4B7460 rgb (75,116,96) #4B7460 #406352 rgb (64,99,82) #406352 #365446 rgb (54,84,70) #365446 #2E473C rgb (46,71,60) #2E473C #273C33 rgb (39,60,51) #273C33 #21332B rgb (33,51,43) #21332B #1C2B25 rgb (28,43,37) #1C2B25 #18251F rgb (24,37,31) #18251F

Tinten van #7ABC9C

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

#7BB699 rgb (123,182,153) #7BB699 #7CB197 rgb (124,177,151) #7CB197 #7CAC95 rgb (124,172,149) #7CAC95 #7CA893 rgb (124,168,147) #7CA893 #7CA491 rgb (124,164,145) #7CA491 #7CA08F rgb (124,160,143) #7CA08F #7C9D8E rgb (124,157,142) #7C9D8E #7C9A8D rgb (124,154,141) #7C9A8D #7C978C rgb (124,151,140) #7C978C #7C958B rgb (124,149,139) #7C958B

Alternatieven voor #7ABC9C

---

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

#7A809C rgb (122,128,156) #7A809C #7A949C rgb (122,148,156) #7A949C #7AA89C rgb (122,168,156) #7AA89C #7AD09C rgb (122,208,156) #7AD09C #7AE49C rgb (122,228,156) #7AE49C #7AF89C rgb (122,248,156) #7AF89C

Snel gebruik #7ABC9C

---

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

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

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

Voorgeformatteerde code 7ABC9C	code voor script / programming
HTML, CSS:	= #7ABC9C; rgb(122, 188, 156)
Java:	= new Color(122, 188, 156)
.NET:	= Color.FromArgb (122, 188, 156);
Xojo:	= rgb (122, 188, 156, 0);
openGL:	= glColor3f (0.48f, 0.74f, 0.61f);
Swift:	= UIColor(red:0.48, green:0.74, blue:0.61, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.48 green:0.74 blue:0.61 alpha:1.00000];

Kleurenschema's met #7ABC9C

---

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: 35% heeft een #7ABC9C-verzadiging. Het toevoegen van 35% + 10% = 45% verzadiging voor onze nieuwe kleur #539676. Ccc17 verlagen - 10% = 25% verzadiging #aae3c8 rgb (170,227,200) #aae3c8 25% verzadiging #aa7d74 rgb (106,125,116) #aa7d74 15% verzadiging #539676 rgb (83,150,118) #539676 45% verzadiging #387d5c rgb (56,125,92) #387d5c 55% 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 #7BBCBD rgb (123,188,189) #7BBCBD 181o #7ABC9C rgb (122,188,156) #7ABC9C 151o #7BBD7C rgb (123,189,124) #7BBD7C 121o

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: #7ABC9C heeft een 151o hoek. Ccc02 + 180o = 331oo toevoegen voor onze nieuwe complementaire kleur #BD7B9B. #7ABC9C rgb (122,188,156) #7ABC9C 151o #BD7B9B rgb (189,123,155) #BD7B9B 331o

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: #7ABC9C heeft een 151o hoek. Ccc07 + 180o+30o = 1o optellen voor onze eerste complementaire kleur #BD7C7B. Afnemend 151o + 180o-30o = 301o voor de tweede complementaire kleur #BD7BBC. #BD7BBC rgb (189,123,188) #BD7BBC 301o #7ABC9C rgb (122,188,156) #7ABC9C 151o #BD7C7B rgb (189,124,123) #BD7C7B 1o

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. #9D7BBD rgb (157,123,189) #9D7BBD 271o #7ABC9C rgb (122,188,156) #7ABC9C 151o #BD9D7B rgb (189,157,123) #BD9D7B 31o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #9D7BBD rgb (157,123,189) #9D7BBD 271o #7ABC9C rgb (122,188,156) #7ABC9C 151o #BD7B9B rgb (189,123,155) #BD7B9B 331o #9BBD7B rgb (155,189,123) #9BBD7B 91o