Le safran est une couleur chaude et dorée située dans la région jaune-orangé de la roue chromatique. Évoquant la teinte de l'épice, le safran incarne l'optimisme, la positivité et les nouveaux départs.

Le safran est défini par les codes et valeurs de couleur suivants pour garantir la cohérence sur diverses plateformes et appareils numériques.
- Code HEX : #F1C338
- Valeur RVB : 94,5 % rouge, 76,5 % vert, et 22 % bleu
L'accessibilité joue un rôle crucial dans le choix des couleurs en design UX et UI. La communauté Figma propose des plugins pour s'assurer que vos designs respectent les Web Content Accessibility Guidelines.
Voici quelques façons d'utiliser le safran dans vos designs :
- Apporter de la chaleur aux designs. Le safran est une couleur accueillante qui crée une atmosphère réconfortante dans les designs d'interface. Associez-le à des bleus ou des verts pour des applications de méditation et de santé afin de promouvoir un sentiment de calme. Combinez le safran avec des tons neutres ou profonds comme le marron et le bordeaux pour une ambiance chaleureuse dans les applications culinaires ou de recettes.
- Améliorer l'expérience utilisateur. Que ce soit utilisé comme couleur principale pour des boutons importants et des appels à l'action ou comme accent subtil pour des effets de survol, la vivacité du safran peut mettre en valeur des éléments importants et améliorer la hiérarchie visuelle.
- Favoriser l'interaction. Parce que le safran crée un environnement positif et stimulant, c'est un excellent choix de couleur pour les plateformes créatives ou les applications de médias sociaux qui encouragent l'engagement des utilisateurs.
Gardez à l'esprit que la couleur et sa signification peuvent varier d'une culture à l'autre et à tout moment. Si vous créez une interface pour un public international, renseignez-vous sur la signification des couleurs pour chaque pays concerné.
Pour des variations dans le même spectre ensoleillé que le safran, considérez :
- Le jaune moutarde (#FFCE1B) est un peu plus saturé et vibrant comparé au safran.
- L'or (#EFBF04) est plus riche et plus vif, ressemblant à l'or véritable.
- L'ambre (#FFBF00) partage la même chaleur avec des sous-tons plus orangés.
- Le mimosa (#F2B949) a une teinte similaire mais penche plus vers l'orange que le jaune.
Pour compléter le safran, envisagez de l'associer avec :
- Le marron (#895129) crée une palette de couleurs naturelle et apaisante.
- Le bleu royal (#305CDE) complète le safran pour un contraste vibrant et saisissant.
- Le jaune foncé (#BA8E23) offre un look cohérent et monochromatique.
- Le rouge sang (#780606) ajoute de la profondeur pour une association de couleurs sophistiquée et audacieuse.
- Le rose clair (#FFB5C0) adoucit la chaleur du safran avec une touche douce et délicate.
D'autres couleurs à considérer incluent le vert olive pour une ambiance terreuse et détendue, le blanc pour un look propre et classique, et l'orange vif pour renforcer la nature ensoleillée du safran.
Bien que le safran soit chaleureux, il peut jurer avec :
- Le rose néon (#FF13F0) crée un contraste dur qui peut perturber la chaleur du safran.
- Le vert-jaune (#CCFF00) peut sembler visuellement choquant à côté du safran.
- L'argent (#C4C4C4) peut créer une sensation froide à côté de l'énergie chaleureuse du safran.
- Le violet néon (#8A00C4) offre un contraste vibrant qui peut éclipser le safran.
Le safran représente l'optimisme et la positivité. Dans certaines cultures, le safran porte également des connotations d'illumination, de sacrifice et de pureté.
En psychologie des couleurs, le safran évoque des sentiments de confort et de bonheur. Ses qualités vibrantes et stimulantes peuvent également susciter la créativité et l'imagination.
Dans le design d'interface, le safran peut apporter de la chaleur et de la personnalité aux designs pour améliorer l'expérience utilisateur. Il peut être utilisé comme couleur principale ou complémentaire sur les boutons d'appel à l'action ou d'autres éléments importants, favorisant l'engagement et l'interaction des utilisateurs.
La couleur safran tire son nom de l'épice, dérivée de la fleur Crocus sativus. Dans les civilisations anciennes comme Rome et la Grèce, le safran était apprécié pour sa polyvalence. Il était utilisé comme épice culinaire, teinture pour tissus et ingrédient médicinal pour apaiser les douleurs physiques et les maux. En raison de son arôme distinct et unique, le safran était même incorporé dans les parfums et les désodorisants.
Depuis des siècles, le safran est une couleur sacrée dans de nombreuses cultures différentes. En Inde, la couleur symbolise la pureté et le sacrifice et est présente dans les cérémonies religieuses. C'est aussi une couleur de robe traditionnelle portée par les moines bouddhistes, représentant l'illumination, l'altruisme et le détachement du matérialisme.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Glaçage au miel
Votre Majesté
Nuances dorées
Vérificateur de contraste
Contraste 1,67
- Texte en grand format
#F1C338
- Texte normal
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Non conforme | Non conforme | |
Non conforme | Non conforme | |
Non conforme | Non conforme |
Contraste 12,6
- Texte en grand format
#F1C338
- Texte normal
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Conforme | |
Conforme | Conforme | |
Conforme | Conforme |
Simulations de couleurs
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
La couleur hexadécimale #f1c338, connue sous le nom de Couleur safran, a des valeurs RVB de R:241, G:195, B:56 et des valeurs CMJN de C:0, M:19, Y:77, K:5.
| VALUE | CSS | |
|---|---|---|
| HEX | #f1c338 | #f1c338 |
| RGB DECIMAL | 241, 195, 56 | RGB(241,195,56) |
| RGB PERCENTAGE | 94.5, 76.5, 22.0 | RGB(94.5%,76.5%,22.0%) |
| CMYK | 0, 19, 77, 5 | |
| HSL | HSL(45.1, 86.9%, 58.2%) | HSL(45.1, 86.9%, 58.2%) |
| HSV (OR HSB) | 45.1°, 76.8, 94.5 | |
| WEB SAFE | #25520451 | #25520451 |
| BINARY | 11110001, 11000011, 00111000 | |
| iOS - SwiftUI | Color(red: 0.945, green: 0.765, blue: 0.220) | |
| iOS - UIKit | UIColor(red: 0.945, green: 0.765, blue: 0.220, alpha: 1) | |
| Android - Compose | Color(0xFFF1C338) |


