:
logo qtransform

  naar  




#337AAA kleur HEX code RGB, HSL, CMYK

KLEUR CODE VOOR HEXA KLEUR #337AAA
#337AAA

   In een RGB-kleurruimte is hex #337AAA samengesteld uit 20% rood, 48% groen en 67% blauw.
De RGB-kleurcode is samengesteld uit een hexadecimaal 33 rood (51/255), een 7A groen (122/255) en een AA blauw component (170/255). De decimale RGB-kleurcode is rgb(51,122,170)
In CMYK-kleurruimte is het samengesteld uit 70% cyaan, 28% magenta, 0% geel en 33% zwart.
Het heeft een tinthoek van 204.2o graden, een verzadiging van 54% en een lichtheid van 43%.
De dichtstbijzijnde websafe-kleur is: #336699 rgb (51, 102, 153).
twitter  facebook  whatsapp


Kleur conversie




#337AAA
rgb(51,122,170)
=20%
van 255
48%
van 255
67%
van 255
=70
van 100
28
van 100
0
van 100
33
van 100
R: 51
rood
G: 122
groen
B: 170
blauw
C: 70
cyan
M: 28
magenta
Y: 0
geel
K: 33
zwart
Hexa kleurRGB-kleurenkaartCMYK-kleurenkaart

Converteren kleur


De hexadecimale kleur #337AAA heeft RGB-waarden van R:51, G:122, B:170 en CMYK-waarden van C:70, M:28, Y:0, K:33. De decimale waarde is 3373738.De binaire code is 1100110111101010101010
Bij drukwerk gebruiken we cyaan, gele, magenta en zwarte (CMYK) inkten omdat we meestal op wit papier drukken.

Hex kleur337AAA #337AAA
RGB decimale51, 122, 170 rgb(51, 122, 170)
RGB %20, 48, 67 rgb(20%, 48%, 67%)
RGB Adobe80, 121, 167
CMYK %70, 28, 0, 33 70%, 28%, 0%, 33%
HSL204.2o, 54, 43 hsl(204.2o, 54%, 43%)
HSV (HSB)204o, 70%, 67% hsv(204o, 70%, 67%)
Web Safe kleur#336699 rgb (51, 102, 153)
XYZ15.58, 17.525 40.592
xyY0.21, 0.24, 17.53
Hunter-Lab41.86, -4.67, -31.64
CMY80%, 52%, 33%
Lab48.42, -10.62, -32.69
Binair kleur
33 7A AA
110011 1111010 10101010

Schakeringen en tinten van #337AAA


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

Tint kleurvariatie #337AAA


Schaduw kleurvariatie


Tinten van #337AAA
Een toon wordt geproduceerd door grijs toe te voegen aan elke pure tint. In dit geval is #3B7BA6 de minst verzadigde kleur en #667C8F de meest verzadigde.


Alternatieven voor #337AAA


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




Snel gebruik #337AAA


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="#337AAA;">Text here</font>

<div style="background-color:#337AAA;">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="#337AAA;">Text here</font> </div>

HTML code

<div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#337AAA;">Text here</font> </div>



Div box schaduw Tekst schaduw css-code
doos schaduw voor kleur #337AAA
tekst schaduw css-code
HTML code

<div style="background-color:#FFFFFF; box-shadow: 2px 2px 7px 1px #337AAA;"></div>

CSS code

.box-shadow: 2px 2px 7px 1px;

CSS code

.text-shadow: 1px 2px 2px #337AAA;



Box grens html-code Tekstschaduw met RGB-waarden voor kleur #337AAA
box grens html-code voor kleur #337AAA

tekstschaduw met RGB-waarden

HTML code

<div style="background-color:#FFFFFF; border:1px solid #337AAA;"></div>

CSS code with RGB

.text-shadow: 0px 2px 2px rgba(51, 122, 170, 1.4);



Voorgeformatteerde code 337AAA code voor script / programming
HTML, CSS: = #337AAA; rgb(51, 122, 170)
Java: = new Color(51, 122, 170)
.NET: = Color.FromArgb (51, 122, 170);
Xojo: = rgb (51, 122, 170, 0);
openGL: = glColor3f (0.2f, 0.48f, 0.67f);
Swift: = UIColor(red:0.2, green:0.48, blue:0.67, alpha:1.00000);
Objective-C: = [UIColor colorWithRed:0.2 green:0.48 blue:0.67 alpha:1.00000];


Kleurenschema's met #337AAA


Monochromatische kleur
monochromatische kleur scheme

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: 70% heeft een #337AAA-verzadiging. Het toevoegen van 70% + 10% = 80% verzadiging voor onze nieuwe kleur #1B5A85. Ccc17 verlagen - 10% = 60% verzadiging

Analoge kleur
analoge kleur scheme

Analoge kleurenschema's worden gemaakt door kleuren te gebruiken die naast elkaar op het kleurenwiel staan. Slechts +/- 30o aan de zijkanten van de kleurtinthoek

Complementaire kleur
complementaire kleur scheme
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: #337AAA heeft een 204o hoek. Ccc02 + 180o = 24oo toevoegen voor onze nieuwe complementaire kleur #AB6333.

Gespleten kleur
gespleten kleur scheme

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: #337AAA heeft een 204o hoek. Ccc07 + 180o+30o = 54o optellen voor onze eerste complementaire kleur #AB9F33. Afnemend 204o + 180o-30o = 354o voor de tweede complementaire kleur #AB333F.

Kleuren tirade
kleuren tirade scheme

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.

Kleur tetradisch
kleur tetradisch scheme

Tetradische schema's zijn opgebouwd uit tinten/hoeken verdeeld over het kleurenwiel. Voeg 120.180.300 graden toe aan de kleurtinthoek.