#48B2E0 kleur HEX code RGB, HSL, CMYK KLEUR CODE VOOR HEXA KLEUR #48B2E0

#48B2E0

In een RGB-kleurruimte is hex #48B2E0 samengesteld uit 28% rood, 70% groen en 88% blauw. De RGB-kleurcode is samengesteld uit een hexadecimaal 48 rood (72/255), een B2 groen (178/255) en een E0 blauw component (224/255). De decimale RGB-kleurcode is rgb(72,178,224) In CMYK-kleurruimte is het samengesteld uit 68% cyaan, 21% magenta, 0% geel en 12% zwart. Het heeft een tinthoek van 198.16o graden, een verzadiging van 71% en een lichtheid van 58%. De dichtstbijzijnde websafe-kleur is: #3399cc rgb (51, 153, 204).

Kleur conversie

---

Converteren kleur

---

De hexadecimale kleur #48B2E0 heeft RGB-waarden van R:72, G:178, B:224 en CMYK-waarden van C:68, M:21, Y:0, K:12. De decimale waarde is 4764384.De binaire code is 10010001011001011100000
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur 48B2E0  #48B2E0 RGB decimale 72, 178, 224  rgb(72, 178, 224) RGB % 28, 70, 88  rgb(28%, 70%, 88%) RGB Adobe 115, 177, 221 CMYK % 68, 21, 0, 12  68%, 21%, 0%, 12% HSL 198.16o, 71, 58  hsl(198.16o, 71%, 58%) HSV (HSB) 198o, 68%, 88%  hsv(198o, 68%, 88%)

Web Safe kleur #3399cc rgb (51, 153, 204) XYZ 32.047, 38.6 76.283 xyY 0.22, 0.26, 38.6 Hunter-Lab 62.13, -13.55, -33.95 CMY 72%, 30%, 12% Lab 67.93, -20.59, -32.76 Binair kleur 48 B2 E0 1001000 10110010 11100000

Schakeringen en tinten van #48B2E0

---

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

Tint kleurvariatie #48B2E0

#63BEE5 rgb (99,190,229) #63BEE5 #7AC8E9 rgb (122,200,233) #7AC8E9 #8ED0EC rgb (142,208,236) #8ED0EC #9FD7EF rgb (159,215,239) #9FD7EF #ADDDF1 rgb (173,221,241) #ADDDF1 #B9E2F3 rgb (185,226,243) #B9E2F3 #C4E6F5 rgb (196,230,245) #C4E6F5 #CDEAF7 rgb (205,234,247) #CDEAF7 #D5EDF8 rgb (213,237,248) #D5EDF8 #DBF0F9 rgb (219,240,249) #DBF0F9

Schaduw kleurvariatie

#3D97BE rgb (61,151,190) #3D97BE #3480A2 rgb (52,128,162) #3480A2 #2C6D8A rgb (44,109,138) #2C6D8A #255D75 rgb (37,93,117) #255D75 #1F4F63 rgb (31,79,99) #1F4F63 #1A4354 rgb (26,67,84) #1A4354 #163947 rgb (22,57,71) #163947 #13303C rgb (19,48,60) #13303C #102933 rgb (16,41,51) #102933 #0E232B rgb (14,35,43) #0E232B

Tinten van #48B2E0

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

#4EADD6 rgb (78,173,214) #4EADD6 #53A9CD rgb (83,169,205) #53A9CD #58A5C5 rgb (88,165,197) #58A5C5 #5CA1BE rgb (92,161,190) #5CA1BE #609EB8 rgb (96,158,184) #609EB8 #639BB2 rgb (99,155,178) #639BB2 #6698AD rgb (102,152,173) #6698AD #6996A9 rgb (105,150,169) #6996A9 #6B94A5 rgb (107,148,165) #6B94A5 #6D92A1 rgb (109,146,161) #6D92A1

Alternatieven voor #48B2E0

---

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

#4876E0 rgb (72,118,224) #4876E0 #488AE0 rgb (72,138,224) #488AE0 #489EE0 rgb (72,158,224) #489EE0 #48C6E0 rgb (72,198,224) #48C6E0 #48DAE0 rgb (72,218,224) #48DAE0 #48EEE0 rgb (72,238,224) #48EEE0

Snel gebruik #48B2E0

---

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

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

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

Voorgeformatteerde code 48B2E0	code voor script / programming
HTML, CSS:	= #48B2E0; rgb(72, 178, 224)
Java:	= new Color(72, 178, 224)
.NET:	= Color.FromArgb (72, 178, 224);
Xojo:	= rgb (72, 178, 224, 0);
openGL:	= glColor3f (0.28f, 0.7f, 0.88f);
Swift:	= UIColor(red:0.28, green:0.7, blue:0.88, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.28 green:0.7 blue:0.88 alpha:1.00000];

Kleurenschema's met #48B2E0

---

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 #48B2E0-verzadiging. Het toevoegen van 68% + 10% = 78% verzadiging voor onze nieuwe kleur #298FBA. Ccc17 verlagen - 10% = 58% verzadiging #6bd3ff rgb (107,211,255) #6bd3ff 58% verzadiging #6b8aa1 rgb (84,138,161) #6b8aa1 48% verzadiging #298fba rgb (41,143,186) #298fba 78% verzadiging #1376a1 rgb (19,118,161) #1376a1 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 #4866E0 rgb (72,102,224) #4866E0 228o #48B2E0 rgb (72,178,224) #48B2E0 198o #48E0C2 rgb (72,224,194) #48E0C2 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: #48B2E0 heeft een 198o hoek. Ccc02 + 180o = 18oo toevoegen voor onze nieuwe complementaire kleur #E07648. #48B2E0 rgb (72,178,224) #48B2E0 198o #E07648 rgb (224,118,72) #E07648 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: #48B2E0 heeft een 198o hoek. Ccc07 + 180o+30o = 48o optellen voor onze eerste complementaire kleur #E0C248. Afnemend 198o + 180o-30o = 348o voor de tweede complementaire kleur #E04866. #E04866 rgb (224,72,102) #E04866 348o #48B2E0 rgb (72,178,224) #48B2E0 198o #E0C248 rgb (224,194,72) #E0C248 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. #E048B3 rgb (224,72,179) #E048B3 318o #48B2E0 rgb (72,178,224) #48B2E0 198o #B3E048 rgb (179,224,72) #B3E048 78o

Kleur tetradisch Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek. #E048B3 rgb (224,72,179) #E048B3 318o #48B2E0 rgb (72,178,224) #48B2E0 198o #E07648 rgb (224,118,72) #E07648 18o #48E076 rgb (72,224,118) #48E076 138o