#667AA2 couleur HEX code RGB, HSL, CMYK COULEUR CODE POUR HEXA COULEUR #667AA2

#667AA2

Dans un espace colorimétrique RVB, l'hex #667AA2 est composé de 40% rouge, 48% vert et 64% bleu. Le code couleur RVB est composé d'une composante hexadécimale 66 rouge (102/255), d'une 7A verte (122/255) et d'une composante A2 bleue (162/255). Le code de couleur RVB décimal est rgb(102,122,162) Dans l'espace colorimétrique CMJN, il est composé de 37% cyan, 25% magenta, 0% jaune et 36% noir. Il a un angle de teinte de 220o degrés, une saturation de 24% et une luminosité de 52%. La couleur Web la plus proche est : #666699 rgb (102, 102, 153).

Conversion de couleur

---

Convertir couleur

---

La couleur hexadécimale #667AA2 a des valeurs RVB de R:102, G:122, B:162 et des valeurs CMJN de C:37, M:25, Y:0, K:36. Sa valeur décimale est 6716066. Le code binaire est 11001100111101010100010
En impression, nous utilisons des encres cyan, jaune, magenta et noire (CMJN) car nous imprimons généralement sur un papier blanc.

Hex couleur 667AA2  #667AA2 RGB décimal 102, 122, 162  rgb(102, 122, 162) RGB % 40, 48, 64  rgb(40%, 48%, 64%) RGB Adobe 108, 121, 159 CMYK % 37, 25, 0, 36  37%, 25%, 0%, 36% HSL 220o, 24, 52  hsl(220o, 24%, 52%) HSV (HSB) 220o, 37%, 64%  hsv(220o, 37%, 64%)

Web Safe couleur #666699 rgb (102, 102, 153) XYZ 18.961, 19.352 36.918 xyY 0.25, 0.26, 19.35 Hunter-Lab 43.99, 2.34, -22.18 CMY 60%, 52%, 36% Lab 50.8, 0.22, -24.12 Binaire couleur 66 7A A2 1100110 1111010 10100010

Nuances et teintes de #667AA2

---

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 : #14181F est la couleur la plus foncée, et : #E1E5ED est la plus claire.

Variation de couleur de teinte #667AA2

#7D8EB0 rgb (125,142,176) #7D8EB0 #919FBC rgb (145,159,188) #919FBC #A2ADC6 rgb (162,173,198) #A2ADC6 #B0B9CF rgb (176,185,207) #B0B9CF #BCC4D6 rgb (188,196,214) #BCC4D6 #C6CDDC rgb (198,205,220) #C6CDDC #CFD5E1 rgb (207,213,225) #CFD5E1 #D6DBE6 rgb (214,219,230) #D6DBE6 #DCE0EA rgb (220,224,234) #DCE0EA #E1E5ED rgb (225,229,237) #E1E5ED

Variation de couleur d'ombre

#57688A rgb (87,104,138) #57688A #4A5875 rgb (74,88,117) #4A5875 #3F4B63 rgb (63,75,99) #3F4B63 #364054 rgb (54,64,84) #364054 #2E3647 rgb (46,54,71) #2E3647 #272E3C rgb (39,46,60) #272E3C #212733 rgb (33,39,51) #212733 #1C212B rgb (28,33,43) #1C212B #181C25 rgb (24,28,37) #181C25 #14181F rgb (20,24,31) #14181F

Des tons de #667AA2

Un ton est produit en ajoutant du gris à n'importe quelle teinte pure. Dans ce cas, #697B9F est la couleur la moins saturée et #777C8D est la plus saturée.

#697B9F rgb (105,123,159) #697B9F #6B7C9C rgb (107,124,156) #6B7C9C #6D7C99 rgb (109,124,153) #6D7C99 #6F7C97 rgb (111,124,151) #6F7C97 #717C95 rgb (113,124,149) #717C95 #737C93 rgb (115,124,147) #737C93 #747C91 rgb (116,124,145) #747C91 #757C8F rgb (117,124,143) #757C8F #767C8E rgb (118,124,142) #767C8E #777C8D rgb (119,124,141) #777C8D

Alternatives à #667AA2

---

Ci-dessous, vous pouvez voir quelques couleurs proches de #667AA2. 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.

#663EA2 rgb (102,62,162) #663EA2 #6652A2 rgb (102,82,162) #6652A2 #6666A2 rgb (102,102,162) #6666A2 #668EA2 rgb (102,142,162) #668EA2 #66A2A2 rgb (102,162,162) #66A2A2 #66B6A2 rgb (102,182,162) #66B6A2

Utilisation rapide #667AA2

---

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

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

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

Code pré-formaté 667AA2	code pour script / programming
HTML, CSS:	= #667AA2; rgb(102, 122, 162)
Java:	= new Color(102, 122, 162)
.NET:	= Color.FromArgb (102, 122, 162);
Xojo:	= rgb (102, 122, 162, 0);
openGL:	= glColor3f (0.4f, 0.48f, 0.64f);
Swift:	= UIColor(red:0.4, green:0.48, blue:0.64, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.4 green:0.48 blue:0.64 alpha:1.00000];

Schémas de couleurs avec #667AA2

---

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 : 37% a une saturation #667AA2. Ajout de 37% + 10% = saturation 47% pour notre nouvelle couleur #42567D. Diminution de 37% - 10% = saturation 27% pour les autres couleurs monochromatiques #93A5C9. #93a5c9 rgb (147,165,201) #93a5c9 27% saturation #935863 rgb (83,88,99) #935863 17% saturation #42567d rgb (66,86,125) #42567d 47% saturation #2b3e63 rgb (43,62,99) #2b3e63 57% 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 #7167A3 rgb (113,103,163) #7167A3 250o #667AA2 rgb (102,122,162) #667AA2 220o #6799A3 rgb (103,153,163) #6799A3 190o

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 : #667AA2 a un angle 220o. Ajout de 220o + 180o = 40oo pour notre nouvelle couleur complémentaire #A38F67. #667AA2 rgb (102,122,162) #667AA2 220o #A38F67 rgb (163,143,103) #A38F67 40o

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 : #667AA2 a un angle 220o. Ajout de 220o + 180o+30o = 70o pour notre première couleur complémentaire #99A367. Décroissant 220o + 180o-30o = 10o pour la deuxième couleur complémentaire #A37167. #A37167 rgb (163,113,103) #A37167 10o #667AA2 rgb (102,122,162) #667AA2 220o #99A367 rgb (153,163,103) #99A367 70o

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. #A3677B rgb (163,103,123) #A3677B 340o #667AA2 rgb (102,122,162) #667AA2 220o #7BA367 rgb (123,163,103) #7BA367 100o

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. #A3677B rgb (163,103,123) #A3677B 340o #667AA2 rgb (102,122,162) #667AA2 220o #A38F67 rgb (163,143,103) #A38F67 40o #67A38F rgb (103,163,143) #67A38F 160o