Cercle chromatique Figma
Vous souhaitez trouver les couleurs complémentaires ou analogues parfaites pour assortir l'ocre ?
L'ocre, une couleur chaleureuse et terreuse, se situe entre le jaune et le marron sur le cercle chromatique. Cette teinte argileuse évoque des pigments naturels et des tons rustiques, avec des nuances comme l'ocre jaune et le jaune-brun. Elle est idéale pour apporter une dimension intemporelle et ancrée aux designs, parfaite pour évoquer une atmosphère naturelle et accueillante.
L'ocre 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 : #CC7722
- Valeur RVB : 80,0 % rouge, 46,7 % vert, 13,3 % 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.
Pour des variations dans le même spectre que l'ocre, considérez :
- Le jaune moutarde (#ffce1b) : Le jaune moutarde partage une tonalité chaude et terreuse avec l'ocre, incarnant la profondeur ensoleillée des pigments naturels d'ocre.
- Le safran (#f1c338) : Avec sa teinte épicée et rustique, le safran capture l'esprit jaune-brun de l'ocre, évoquant une aura de chaleur et de tradition.
- L'or (#efbf04) : L'or offre une version brillante des tons terreux de l'ocre, proposant une teinte chaude similaire mais avec un éclat métallique qui suggère la luminosité.
- Le jaune foncé (#ba8e23) : Le jaune foncé apporte une approche plus profonde et atténuée de la couleur ocre jaune, reflétant le caractère vieilli et organique de l'argile et des tons terreux.
Pour compléter l'ocre, envisagez de l'associer avec :
- Le vert forêt (#2E6F40) : Cette teinte riche et terreuse offre un contraste saisissant avec la chaleur de l'ocre, créant une palette équilibrée et inspirée de la nature.
- Le bordeaux (#660033) : La teinte profonde et sophistiquée du bordeaux rehausse l'ocre, menant à un look luxueux et accueillant qui se sent à la fois audacieux et ancré.
- Le bleu ardoise (#557C99) : L'ocre s'associe magnifiquement avec le bleu ardoise, la fraîcheur du bleu équilibrant les tons chauds et terreux de l'ocre, rappelant les palettes artistiques classiques.
- La crème (#FDFBD4) : Cette teinte douce et neutre offre un fond délicat et discret, permettant à la vibrance et à la chaleur brun-jaune de l'ocre de se démarquer.
- Le vert olive (#636B2F) : En reflétant les pigments naturels de l'ocre, le vert olive crée une palette terreuse et harmonieuse idéale pour des projets inspirés, dignes d'une palette d'artiste.
Bien que l'ocre soit une teinte terreuse et chaleureuse, elle peut jurer avec :
- Le jaune vif (#FFED29) : L'intensité élevée du jaune vif peut dominer les tons plus subtils et brun-jaune de l'ocre.
- Le rose néon (#FF13F0) : La vivacité du rose néon peut être visuellement discordante face à l'ocre, perturbant une palette d'artiste cohérente.
- L'orange sanguine (#FF4B33) : L'orange sanguine, avec ses nuances rouille audacieuses, peut créer un contraste déséquilibré avec les sous-tons plus doux de l'ocre.
- La chartreuse (#CCFF00) : La qualité électrique de la chartreuse peut éclipser la chaleur naturelle de l'ocre, menant à une tension dans les arrangements du cercle chromatique.
- Le bleu ciel (#82C8E5) : Le bleu ciel, étant une teinte plus froide, peut détourner l'attention des tons chauds et terreux de l'ocre, créant une ambiance discordante.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Azur épicé
Ciels désertiques
Embrasement vif
Vérificateur de contraste
Contraste 3,37
- Texte en grand format
#CC7722
- Texte normal
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Non conforme | Non conforme | |
Conforme | Non conforme | |
Conforme | Non conforme |
Contraste 6,23
- Texte en grand format
#CC7722
- Texte normal
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Non conforme | |
Conforme | Conforme | |
Conforme | Conforme |
Simulations de couleurs
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
La couleur hexadécimale #CC7722, connue sous le nom de Ocre, a des valeurs RVB de R:204, G:119, B:34 et des valeurs CMJN de C:0, M:42, Y:83, K:20.
| VALUE | CSS | |
|---|---|---|
| HEX | #CC7722 | #CC7722 |
| RGB DECIMAL | 204, 119, 34 | RGB(204,119,34) |
| RGB PERCENTAGE | 80.0, 46.7, 13.3 | RGB(80.0%,46.7%,13.3%) |
| CMYK | 0, 42, 83, 20 | |
| HSL | HSL(30.0, 71.4%, 46.7%) | HSL(30.0, 71.4%, 46.7%) |
| HSV (OR HSB) | 30.0°, 83.3, 80.0 | |
| WEB SAFE | #20410251 | #20410251 |
| BINARY | 11001100, 01110111, 00100010 | |
| iOS - SwiftUI | Color(red: 0.800, green: 0.467, blue: 0.133) | |
| iOS - UIKit | UIColor(red: 0.800, green: 0.467, blue: 0.133, alpha: 1) | |
| Android - Compose | Color(0xFFCC7722) |
