Créé à 02/20/2023 09:08
  0.36k

#ffc107 HEX Couleur information

Couleur HEX RVB
#ffc107 RVB(255, 193, 7)

RVB les valeurs sont RVB(255, 193, 7)
#ffc107 la couleur contient Rouge 100%, Vert 75.69% et Bleu 2.75%.

Noms de couleur de #ffc107 HEX code

amber, Amber (a), bg-warning, button / pending, Gold Yellow, Marigold, secondary, warning, yellow Couleur

Classification des couleurs #ffc107

#ffc107 est Lumière et Chaud Couleur
Nuance de gold
Couleur opposée pour #ffc107 – #0544ff

#ffc107 Conversion des couleurs

Codes et informations sur les valeurs de la décimale de couleur HEX, HEX. Valeurs HSL, HSLA, RVB, RVBA #ffc107

Décimal
16761095
HEX
#ffc107
LGV
hsl(45, 100%, 51%)
HSLA
hsla(45, 100%, 51%, 1)
RVB
RGB(255, 193, 7)
RVBA
RGBA(255, 193, 7, 1)

Palettes pour la couleur #ffc107:

Ci-dessous des exemples de palettes de couleurs pour #ffc107 couleur HEX

la couleur la plus foncée est #191301 des nuances et la couleur la plus claire est #fff9e6 des teintes

Palette de nuances de #ffc107:
Palette de teintes de #ffc107:
Palette complémentaire de #ffc107:
Palette triadique de #ffc107:
Palette carrée de #ffc107:
Palette analogue de #ffc107:
Palette fractionnée-complémentaire de #ffc107:
Palette rectangulaire (tétradique) de #ffc107:

Palettes de couleurs suggérées pour #ffc107 HEX:

Palette de couleurs avec couleur #ffc107 #1:
Palette de couleurs avec couleur #ffc107 #2:
Palette de couleurs avec couleur #ffc107 #3:
Palette de couleurs avec couleur #ffc107 #4:
Palette de couleurs avec couleur #ffc107 #5:

Contraste des couleurs

Combinaisons de couleurs #ffc107 avec noir et blanc pour petit texte, grand texte et graphiques selon le ratio de contraste d'accessibilité WCAG.

#ffc107
#ffc107
Rapport de contraste
1.63:1
TailleNiveau AANiveau AAA
Grand texte:
Petit texte:
#ffc107
#ffc107
Rapport de contraste
12.88:1
TailleNiveau AANiveau AAA
Grand texte:
Petit texte:

Image #ffc107 couleur png

Palettes de couleurs: Comment utiliser?

Cliquez sur n'importe quelle couleur pour l'ajouter Palette
Palette rapide
Palettes 10 maximales Comparer
Comment utiliser?
Cliquez sur l'icône «Comparer» pour ajouter Palette dans Comparer les palettes de liste
Comparer les palettes