Aller au sélecteur de couleur

Couleur Vanille : #f3e5ab

Vanille, c’est #f3e5ab, rgb(243, 229, 171) en RGB et oklch(91.934% 0.07599 96.153) en OKLCH. Tous les autres formats, nuances, couleurs assorties et palettes sont plus bas.

Lu comme HEX

48°
100 %

91,9 %
0,076
96°
  • Beige
  • Très clair
  • Doux
  • Pastel
  • Chaude
  • orange-200
  • Noir 5 %

Dans le sRGB : s’affiche de la même façon sur tous les écrans.

Texte blanc
1.26:1Peu lisible
Lc -15
Texte noir
16.61:1Lisible · AA
Lc 90

Nuances

De la plus claire à la plus foncée. Cliquez sur une nuance pour l’utiliser.

Harmonies

Récents

Les couleurs que vous choisissez ou copiez apparaissent ici. Elles restent sur cet appareil.

Aussi appelée: Vanilla

Palettes avec Vanille

Couleurs nommées similaires

Questions sur Vanille

Quel est le code HEX de Vanille ?

Le code HEX de Vanille est #f3e5ab. En RGB, elle s’écrit rgb(243, 229, 171), en HSL hsl(48.33, 75%, 81.18%) et en OKLCH oklch(91.934% 0.07599 96.153).

Quelles couleurs vont bien avec Vanille ?

Sa couleur complémentaire est #d9e2ff. Pour un rendu plus calme, associez-la aux couleurs analogues #ffdbaf et #d7eeb7. Des palettes prêtes à l’emploi avec Vanille se trouvent sur cette page.

Vanille : couleur chaude ou froide ?

Vanille est une couleur chaude, avec une teinte OKLCH de 96 degrés.

Quelle couleur de texte est lisible sur Vanille ?

Sur Vanille, le texte le plus lisible est : Noir. Le blanc donne un ratio de contraste de 1.26:1, le noir 16.61:1. Le niveau WCAG AA demande au moins 4,5:1 pour le texte courant.

À propos de #f3e5ab

#f3e5ab est une tendre nuance très claire de beige. En OKLCH, sa clarté est de 91,9 %, son chroma de 0.076 et sa teinte de 96°.

Dans le sRGB : s’affiche de la même façon sur tous les écrans.

Un texte blanc sur cette couleur atteint un contraste de 1.26:1 et un texte noir 16.61:1 : le texte noir est donc plus lisible.

La couleur nommée la plus proche est Vanille (#f3e5ab). Dans Tailwind CSS, la plus proche est orange-200.

Voir aussi : couleurs beige très clair

Plus clair : #f3e5ab mélangé au blanc

  1. f3e5ab

Plus foncé : #f3e5ab mélangé au noir

  1. f3e5ab

Plus calme : #f3e5ab moins saturé

  1. f3e5ab

Couleurs nommées similaires

Couleurs qui vont avec #f3e5ab

Complémentaire
#f3e5ab
Analogue
#f3e5ab
Triade
#f3e5ab
Adjacente
#f3e5ab