Copper #B66325
Copper est un brun moyennement foncé et moyennement saturé, de code hex #B66325 et de valeur RGB rgb(182, 99, 37).
Aa
Le texte noir est le plus lisible sur cette couleur (4.80:1).
À propos de cette couleur
#B66325 est un brun moyennement foncé et moyennement saturé. En OKLCH, sa luminosité est de 59 %, son chroma de 0.129 et sa teinte de 53°. Sa teinte se situe du côté chaud du cercle chromatique. C’est la couleur nommée Copper. Le texte noir y est le plus lisible, avec un rapport de 4.80:1.
| Famille de teinte | Bruns |
| Luminosité | moyennement foncé (59%) |
| Chroma | moyennement saturé (0.129) |
| Température | chaud |
| Nom le plus proche | Copper |
| Texte noir | 4.80:1 |
| Texte blanc | 4.37:1 |
Couleurs qui vont avec Copper
Accords obtenus en faisant tourner Copper sur la roue des teintes OKLCH, chacun nommé d’après l’entrée la plus proche de notre liste.
Complémentaire
La teinte opposée (180°).
Analogue
Teintes voisines, 30° de chaque côté.
Triadique
Trois teintes espacées de 120°.
Palettes de couleurs avec Copper
Palettes sélectionnées contenant une couleur à moins de ΔE 0,06 (OKLab) de Copper, les plus proches d’abord.
Couleurs nommées similaires
Les huit couleurs nommées les plus proches de Copper, avec leur distance ΔE.
- Orangey Brown #B16002 ΔE 0.020
- Umber #B26400 ΔE 0.020
- Orange Brown #BE6400 ΔE 0.021
- Brown Orange #B96902 ΔE 0.025
- Tiger's Eye #BC6C25 ΔE 0.026
- Clay Brown #B2713D ΔE 0.033
- Rust Orange #C45508 ΔE 0.035
- Raw Umber #A75E09 ΔE 0.035
En savoir plus sur Copper
Comment obtenir Copper
Une recette de départ avec des couleurs de peinture courantes, calculée avec un modèle spectral de peinture (le mode peinture du mélangeur). Les vrais pigments varient : faites d’abord un petit essai, puis ajustez.
- 4 parts de orange
- 3 parts de marron
- 1 part de rouge
Résultat de la recette : #B66626, un écart de ΔE 0.006 par rapport à Copper. C’est très proche : la plupart des gens ne verront pas la différence.
Quelles couleurs donnent le brun ? | Tableau de mélange des couleurs
Codes de Copper dans tous les formats
| HEX | #B66325 |
| RGB | rgb(182, 99, 37) |
| HSL | hsl(26, 66%, 43%) |
| OKLCH | oklch(58.6% 0.129 53.1) |
Contraste
Les rapports de contraste WCAG 2 sont la cible de conformité : AA exige 4,5:1 pour le texte courant et 3:1 pour le grand texte, AAA exige 7:1. Les valeurs APCA Lc sont un complément issu des brouillons de WCAG 3.
| Paire | WCAG 2 | Résultat | APCA | Recommandation APCA |
|---|---|---|---|---|
| Texte blanc sur #B66325 | 4.37:1 | AA grand texte | Lc -75.4 | Correct pour le texte courant |
| Texte noir sur #B66325 | 4.80:1 | AA | Lc 34.2 | Éléments non textuels, texte indicatif |
| Texte #B66325 sur blanc | 4.37:1 | AA grand texte | Lc 69.9 | Texte de contenu, pas pour la lecture longue |
| Texte #B66325 sur noir | 4.80:1 | AA | Lc -31.8 | Éléments non textuels, texte indicatif |
Teintes et nuances de Copper
Une échelle 50–950 construite en OKLCH : la teinte est conservée, la luminosité suit une courbe proche de Tailwind v4, et chaque palier reste dans le gamut sRGB. Cette couleur correspond au palier 600.
-
Palier 50
50
#FAF4F1
oklch(97.1% 0.008 48.7)
-
Palier 100
100
#F3E7E0
oklch(93.6% 0.016 52.6)
-
Palier 200
200
#EBD4C6
oklch(88.5% 0.032 53.5)
-
Palier 300
300
#E0B79E
oklch(80.9% 0.059 53)
-
Palier 400
400
#CF9069
oklch(70.7% 0.093 52.4)
-
Palier 500
500
#C1733E
oklch(63.1% 0.12 52.9)
-
Palier 600
600 (cette couleur)
#B66325
oklch(58.6% 0.129 53.1)
-
Palier 700
700
#944909
oklch(49.1% 0.121 52.6)
-
Palier 800
800
#783D0E
oklch(42.7% 0.1 53.3)
-
Palier 900
900
#613415
oklch(37.6% 0.078 52.4)
-
Palier 950
950
#391F0E
oklch(27% 0.049 52.4)
Exporter cette échelle pour Tailwind avec l’outil Couleurs Tailwind
Copper et daltonisme
Simulé avec le modèle de Machado et al. (2009). ΔE indique de combien la couleur se déplace : en dessous d’environ 0,02, le changement passe inaperçu.
| Vision | Perçue comme | Écart (ΔE) |
|---|---|---|
| Protanopie (sans cônes rouges) | #7B6D1C | 0.107 |
| Deutéranopie (sans cônes verts) | #8F8024 | 0.097 |
| Tritanopie (sans cônes bleus) | #C85156 | 0.082 |
| Achromatopsie (sans couleur) | #797979 | 0.130 |
Utilisez Copper dans votre produit
Transformez-la en rôles d’interface clairs et sombres au contraste vérifié, puis exportez vers Tailwind v4, shadcn/ui, CSS ou design tokens.