#556BFF couleur HEX code RGB, HSL, CMYK COULEUR CODE POUR HEXA COULEUR #556BFF

#556BFF

Dans un espace colorimétrique RVB, l'hex #556BFF est composé de 33% rouge, 42% vert et 100% bleu. Le code couleur RVB est composé d'une composante hexadécimale 55 rouge (85/255), d'une 6B verte (107/255) et d'une composante FF bleue (255/255). Le code de couleur RVB décimal est rgb(85,107,255) Dans l'espace colorimétrique CMJN, il est composé de 67% cyan, 58% magenta, 0% jaune et 0% noir. Il a un angle de teinte de 232.24o degrés, une saturation de 100% et une luminosité de 67%. La couleur Web la plus proche est : #6666ff rgb (102, 102, 255).

Conversion de couleur

---

Convertir couleur

---

La couleur hexadécimale #556BFF a des valeurs RVB de R:85, G:107, B:255 et des valeurs CMJN de C:67, M:58, Y:0, K:0. Sa valeur décimale est 5598207. Le code binaire est 10101010110101111111111
En impression, nous utilisons des encres cyan, jaune, magenta et noire (CMJN) car nous imprimons généralement sur un papier blanc.

Hex couleur 556BFF  #556BFF RGB décimal 85, 107, 255  rgb(85, 107, 255) RGB % 33, 42, 100  rgb(33%, 42%, 100%) RGB Adobe 92, 107, 251 CMYK % 67, 58, 0, 0  67%, 58%, 0%, 0% HSL 232.24o, 100, 67  hsl(232.24o, 100%, 67%) HSV (HSB) 232o, 67%, 100%  hsv(232o, 67%, 100%)

Web Safe couleur #6666ff rgb (102, 102, 255) XYZ 27.054, 19.667 96.978 xyY 0.19, 0.14, 19.67 Hunter-Lab 44.35, 34.19, -104.91 CMY 67%, 58%, 0% Lab 50.24, 28.69, -77.75 Binaire couleur 55 6B FF 1010101 1101011 11111111

Nuances et teintes de #556BFF

---

Une nuance est obtenue en ajoutant du noir à la couleur d'origine sur le code de teinte.
Une teinte est créée en mélangeant la couleur avec du blanc.
Utilisez la palette pour choisir une couleur ou les curseurs pour définir les composants RVB, HSV, CMJN.
Par exemple ici : #101533 est la couleur la plus foncée, et : #DEE2FF est la plus claire.

Variation de couleur de teinte #556BFF

#6F81FF rgb (111,129,255) #6F81FF #8594FF rgb (133,148,255) #8594FF #97A4FF rgb (151,164,255) #97A4FF #A7B2FF rgb (167,178,255) #A7B2FF #B4BEFF rgb (180,190,255) #B4BEFF #BFC8FF rgb (191,200,255) #BFC8FF #C9D0FF rgb (201,208,255) #C9D0FF #D1D7FF rgb (209,215,255) #D1D7FF #D8DDFF rgb (216,221,255) #D8DDFF #DEE2FF rgb (222,226,255) #DEE2FF

Variation de couleur d'ombre

#485BD9 rgb (72,91,217) #485BD9 #3D4DB8 rgb (61,77,184) #3D4DB8 #34419C rgb (52,65,156) #34419C #2C3785 rgb (44,55,133) #2C3785 #252F71 rgb (37,47,113) #252F71 #1F2860 rgb (31,40,96) #1F2860 #1A2252 rgb (26,34,82) #1A2252 #161D46 rgb (22,29,70) #161D46 #13193C rgb (19,25,60) #13193C #101533 rgb (16,21,51) #101533

Des tons de #556BFF

Un ton est produit en ajoutant du gris à n'importe quelle teinte pure. Dans ce cas, #596DF2 est la couleur la moins saturée et #7279AD est la plus saturée.

#596DF2 rgb (89,109,242) #596DF2 #5D6FE7 rgb (93,111,231) #5D6FE7 #6171DD rgb (97,113,221) #6171DD #6473D4 rgb (100,115,212) #6473D4 #6774CC rgb (103,116,204) #6774CC #6A75C4 rgb (106,117,196) #6A75C4 #6C76BD rgb (108,118,189) #6C76BD #6E77B7 rgb (110,119,183) #6E77B7 #7078B2 rgb (112,120,178) #7078B2 #7279AD rgb (114,121,173) #7279AD

Alternatives à #556BFF

---

Ci-dessous, vous pouvez voir quelques couleurs proches de #556BFF. Avoir un ensemble de couleurs associées peut être utile si vous avez besoin d'une alternative inspirante ou d'autres couleurs proches de votre choix de couleur d'origine.

#552FFF rgb (85,47,255) #552FFF #5543FF rgb (85,67,255) #5543FF #5557FF rgb (85,87,255) #5557FF #557FFF rgb (85,127,255) #557FFF #5593FF rgb (85,147,255) #5593FF #55A7FF rgb (85,167,255) #55A7FF

Utilisation rapide #556BFF

---

Comment utiliser cette couleur sur des pages Web, des scripts ou d'autres langages de programmation utilisant html, CSS, dhtml, JAVA, .NET, openGL, Swift, Xojo

Couleur du texte	Exemple de couleur de fond
Couleur du texte	Exemple de couleur de fond
<font color="#556BFF;">Text here</font>	<div style="background-color:#556BFF;">Text here</div>

Aperçu des couleurs sur fond noir	Aperçu des couleurs sur fond blanc
aperçu des couleurs sur fond noir	aperçu des couleurs sur fond blanc
HTML code <div style="background-color:#000000"> <font color="#556BFF;">Text here</font> </div>	HTML code <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#556BFF;">Text here</font> </div>

Ombre de la boîte div	Code css d'ombre de texte
boîte ombre pour couleur #556BFF	code css d'ombre de texte
HTML code <div style="background-color:#FFFFFF; box-shadow: 2px 2px 7px 1px #556BFF;"></div> CSS code .box-shadow: 2px 2px 7px 1px;	CSS code .text-shadow: 1px 2px 2px #556BFF;

Code html de la bordure de la boîte	Ombre de texte avec valeurs RVB pour couleur #556BFF
code html de la bordure de la boîte pour couleur #556BFF	ombre de texte avec valeurs RVB
HTML code <div style="background-color:#FFFFFF; border:1px solid #556BFF;"></div>	CSS code with RGB .text-shadow: 0px 2px 2px rgba(85, 107, 255, 1.4);

Code pré-formaté 556BFF	code pour script / programming
HTML, CSS:	= #556BFF; rgb(85, 107, 255)
Java:	= new Color(85, 107, 255)
.NET:	= Color.FromArgb (85, 107, 255);
Xojo:	= rgb (85, 107, 255, 0);
openGL:	= glColor3f (0.33f, 0.42f, 1f);
Swift:	= UIColor(red:0.33, green:0.42, blue:1, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.33 green:0.42 blue:1 alpha:1.00000];

Schémas de couleurs avec #556BFF

---

Couleur monochromatique Les schémas de couleurs monochromatiques sont faciles à créer car ils n'utilisent qu'une seule couleur. Les schémas monochromatiques utilisent des tons différents sous le même angle sur la roue chromatique (le même angle). Modifiez simplement la saturation des couleurs +10% et vous obtenez une nouvelle couleur monochromatique. Sur notre couleur de boitier : 67% a une saturation #556BFF. Ajout de 67% + 10% = saturation 77% pour notre nouvelle couleur #3248D9. Diminution de 67% - 10% = saturation 57% pour les autres couleurs monochromatiques #6E81FF. #6e81ff rgb (110,129,255) #6e81ff 57% saturation #6e71bf rgb (101,113,191) #6e71bf 47% saturation #3248d9 rgb (50,72,217) #3248d9 77% saturation #192fbf rgb (25,47,191) #192fbf 87% saturation

Couleur analogue Des schémas de couleurs analogues sont créés en utilisant des couleurs côte à côte sur la roue chromatique. Juste +/- 30o sur les côtés de l'angle de teinte de couleur #9354FF rgb (147,84,255) #9354FF 262o #556BFF rgb (85,107,255) #556BFF 232o #54C0FF rgb (84,192,255) #54C0FF 202o

Couleur complémentaire Des schémas complémentaires sont créés en combinant les couleurs des côtés opposés de la roue chromatique. Ajoutez simplement 180 degrés à la teinte / à l'angle de la couleur et vous obtenez la couleur complémentaire. Sur notre couleur de boîtier : #556BFF a un angle 232o. Ajout de 232o + 180o = 52oo pour notre nouvelle couleur complémentaire #FFE854. #556BFF rgb (85,107,255) #556BFF 232o #FFE854 rgb (255,232,84) #FFE854 52o

Couleur divisée Les régimes composés ou les régimes complémentaires fractionnés sont presque les mêmes que les régimes complémentaires. Au lieu d'utiliser des couleurs opposées, il utilise des couleurs des deux côtés de l'angle de teinte opposé. Sur notre couleur de boîtier : #556BFF a un angle 232o. Ajout de 232o + 180o+30o = 82o pour notre première couleur complémentaire #C0FF54. Décroissant 232o + 180o-30o = 22o pour la deuxième couleur complémentaire #FF9354. #FF9354 rgb (255,147,84) #FF9354 22o #556BFF rgb (85,107,255) #556BFF 232o #C0FF54 rgb (192,255,84) #C0FF54 82o

Couleur triadique Les schémas triadiques sont constitués de teintes/angles également espacés autour de la roue chromatique. Ajoutez et diminuez +/- 120 degrés des deux côtés de l'angle de teinte de couleur. #FF546B rgb (255,84,107) #FF546B 352o #556BFF rgb (85,107,255) #556BFF 232o #6BFF54 rgb (107,255,84) #6BFF54 112o

Couleur tétradique Les schémas tétradiques sont constitués de teintes/angles espacés autour de la roue chromatique. Ajoutez 120 180 300 degrés à l'angle de teinte de couleur. #FF546B rgb (255,84,107) #FF546B 352o #556BFF rgb (85,107,255) #556BFF 232o #FFE854 rgb (255,232,84) #FFE854 52o #54FFE8 rgb (84,255,232) #54FFE8 172o