#533DED Couleur hexa

#533DED

Le code couleur en hexadécimal #533DED correspond au code RGB( 83, 61, 237 ). Il s'agit d'une nuance de Bleu. La couleur est un mélange de rouge (niveau à 0,33), de vert (niveau à 0,24) et de bleu à (niveau à 0,93). Sa luminosité est de 58% et sa saturation à 83%. Elle est composée de rouge à 21%, de vert à 16% et de bleu à 62%. Sa composante dominante est le bleu.

Caractéristiques

Teinte

Saturation

Luminosité

248

Nuance de	Bleu
Code Hexa	#533DED
Code RGB	rgb( 83 , 61 , 237)
Code RGB%	rgb( 32.5% , 23.9% , 92.9% )
HSL	hsl( 248 , 83% , 58% )
Couleur complémentaire	#ACC212

Variations de #533DED

Nuances plus claires

Palette des nuances éclaircies progressivement. La teinte la plus claire de #533DED a pour code #EDEBFD

#533ded

#6450ee

#7563f0

#8677f2

#978af4

#a99ef6

#bab1f7

#cbc4f9

#dcd8fb

#edebfd

Nuances plus foncées

Palette de nuances de plus en plus sombres. La teinte la plus sombre est #080617.

#533ded

#4a36d5

#4230bd

#3a2aa5

#31248e

#291e76

#21185e

#181247

#100c2f

#080617

Autres Nuances de Bleu

Exemple d'autres couleurs dans les nuances de Bleu.

Bleu
Blue

#0000FF

Aigue-marine

#79F8F8

Azur

#007FFF

Azur

#1E7FCB

Azur clair

#74D0F1

Azurin

#A9EAFE

Bleu acier

#3A8EBA

Bleu ardoise

#686F8C

Bleu barbeau

#5472AE

Bleu bondi

#0095B6

Voir la suite

Palettes de couleurs

La couleur complémentaire #ACC212 est la couleur à l'exacte opposé de #533DED sur le cercle chromatique. La palette triadique est obtenue à partir des deux couleurs espacées de manière égale sur la roue des couleurs.

Palette complémentaire

#533DED

#ACC212

Palette triadique

#533DED

#ED533D

#3DED53

Utilisations de #533DED en CSS

Si vous utilisez #533DED en couleur de fond, choisissez plutôt une couleur claire pour le texte, afin d'avoir pour une meilleure lisibilité. Si vous voulez utiliser #533DED en couleur de texte, préférez un fond clair, par exemple en Blanc.

#533DED en couleur d'arrière plan

Texte noir

Texte blanc

div{ background: #533DED;  }

Texte coloré

Avec fond blanc ou

avec fond sombre

div{ color: #533DED;  }

Bordures

Bordure de largeur 3px de couleur #533DED

div{ border: 3px solid #533DED;  }

Ombre cellule

Ombre coloré #533DED

div{ box-shadow: 3px 3px 7px #533DED; }

Couleurs proches

Autres codes couleurs proches ou équivalents à #533DED.

#4E3DE1

#5339E1

#4A36ED

#5339EA

#463DC9

#5333C9

#4A36D5

#503BE5

#4E39ED

#4E39E1

Choisir une autre couleur

Sélectionnez une autre couleur sur la roue chromatique.

Couleur sélectionnée:

Voir la couleur