#EA742A Couleur hexa

#EA742A

Le code couleur en hexadécimal #EA742A correspond au code RGB( 234, 116, 42 ). Il s'agit d'une nuance de Orange. La couleur est un mélange de rouge (niveau à 0,92), de vert (niveau à 0,45) et de bleu à (niveau à 0,16). Sa luminosité est de 54% et sa saturation à 82%. Elle est composée de rouge à 59%, de vert à 29% et de bleu à 10%.

Caractéristiques

Teinte

Saturation

Luminosité

Nuance de	Orange
Code Hexa	#EA742A
Code RGB	rgb( 234 , 116 , 42)
Code RGB%	rgb( 91.8% , 45.5% , 16.5% )
HSL	hsl( 23 , 82% , 54% )
Couleur complémentaire	#158BD5

Variations de #EA742A

Nuances plus claires

Palette des nuances éclaircies progressivement. La teinte la plus claire de #EA742A a pour code #FCF1E9

#ea742a

#ec813f

#ee8f54

#f09d69

#f2ab7f

#f4b994

#f6c7a9

#f8d5bf

#fae3d4

#fcf1e9

Nuances plus foncées

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

#ea742a

#d26825

#bb5c21

#a3511d

#8c4519

#753a15

#5d2e10

#46220c

#2e1708

#170b04

Autres Nuances de Orange

Exemple d'autres couleurs dans les nuances de Orange.

Ocre jaune

#DFAF2C

Orange

#ED7F10

Abricot

#E67E30

Aurore

#FFCB60

Bis

#F1E2BE

Carotte

#F4661B

Citrouille

#DF6D14

Cuivre

#B36700

Gomme-gutte

#EF9B0F

Mandarine

#FEA347

Voir la suite

Palettes de couleurs

La couleur complémentaire #158BD5 est la couleur à l'exacte opposé de #EA742A 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

#EA742A

#158BD5

Palette triadique

#EA742A

#2AEA74

#742AEA

Utilisations de #EA742A en CSS

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

#EA742A en couleur d'arrière plan

Texte noir

Texte blanc

div{ background: #EA742A;  }

Texte coloré

Avec fond blanc ou

avec fond sombre

div{ color: #EA742A;  }

Bordures

Bordure de largeur 3px de couleur #EA742A

div{ border: 3px solid #EA742A;  }

Ombre cellule

Ombre coloré #EA742A

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

Couleurs proches

Autres codes couleurs proches ou équivalents à #EA742A.

#DE7427

#EA6E27

#D2682A

#EA6E29

#C67423

#EA6223

#D26825

Fatal error: Uncaught Error: Call to a member function fetch() on boolean in /home/webdifrnpu/www/couleur-hexa-includes.php:100 Stack trace: #0 /home/webdifrnpu/www/couleur-hexa-includes.php(236): nom_couleur2('#E27028') #1 /home/webdifrnpu/www/couleur-hexa.php(501): cadre_couleur('#E27028') #2 {main} thrown in /home/webdifrnpu/www/couleur-hexa-includes.php on line 100