#4C575A
Couleur nommée la plus proche : YInMn Blue (#415A77). oklch(44.8% 0.015 216), rgb(76, 87, 90).
Aa
Le texte blanc est le plus lisible sur cette couleur (7.45:1).
À propos de cette couleur
#4C575A est un ton foncé proche du gris neutre. En OKLCH, sa luminosité est de 45 %, son chroma de 0.015. Son chroma est trop faible pour tirer vers le chaud ou le froid. La couleur nommée la plus proche est YInMn Blue (#415A77), à une distance de ΔE 0.047. Le texte blanc y est le plus lisible, avec un rapport de 7.45:1.
| Famille de teinte | Neutres |
| Luminosité | foncé (45%) |
| Chroma | proche du gris neutre (0.015) |
| Température | neutre |
| Nom le plus proche | YInMn Blue (#415A77) |
| Texte noir | 2.81:1 |
| Texte blanc | 7.45:1 |
Valeurs
| HEX | #4C575A |
| RGB | rgb(76, 87, 90) |
| HSL | hsl(193, 8%, 33%) |
| OKLCH | oklch(44.8% 0.015 216) |
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 #4C575A | 7.45:1 | AAA | Lc -90.7 | Recommandé pour le texte courant |
| Texte noir sur #4C575A | 2.81:1 | Échec | Lc 18.1 | Séparateurs et décoration uniquement |
| Texte #4C575A sur blanc | 7.45:1 | AAA | Lc 85.9 | Correct pour le texte courant |
| Texte #4C575A sur noir | 2.81:1 | Échec | Lc -16.1 | Séparateurs et décoration uniquement |
Teintes et nuances
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 800.
-
Palier 50
50
#F5F6F6
oklch(97.2% 0.001 197.1)
-
Palier 100
100
#E8EAEB
oklch(93.6% 0.003 228.8)
-
Palier 200
200
#D6DADB
oklch(88.6% 0.005 214.3)
-
Palier 300
300
#BBC2C4
oklch(80.9% 0.008 216.6)
-
Palier 400
400
#98A3A6
oklch(70.8% 0.013 215.9)
-
Palier 500
500
#7E8C90
oklch(63% 0.017 216.8)
-
Palier 600
600
#67767A
oklch(55.5% 0.019 215.6)
-
Palier 700
700
#566367
oklch(49% 0.017 218.2)
-
Palier 800
800 (cette couleur)
#4C575A
oklch(44.8% 0.015 216)
-
Palier 900
900
#3B4345
oklch(37.6% 0.011 214.4)
-
Palier 950
950
#232729
oklch(27% 0.007 229.1)
Exporter cette échelle pour Tailwind avec l’outil Couleurs Tailwind
#4C575A 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) | #55565A | 0.014 |
| Deutéranopie (sans cônes verts) | #52545A | 0.012 |
| Tritanopie (sans cônes bleus) | #485858 | 0.008 |
| Achromatopsie (sans couleur) | #555555 | 0.015 |
Harmonies
Rotations de teinte en OKLCH qui conservent la luminosité et le chroma de cette couleur.
Cette couleur est proche du neutre, elle n’a donc pas de teinte exploitable pour une rotation. Les harmonies de teinte sont omises.
Palettes avec cette couleur
Palettes sélectionnées contenant une couleur à moins de ΔE 0,04 (OKLab) de #4C575A, les plus proches d’abord.
Couleurs nommées similaires
Les huit entrées les plus proches de notre liste de couleurs nommées, avec leur distance ΔE.
- YInMn Blue #415A77 ΔE 0.047
- Dusty Grape #545775 ΔE 0.048
- Slate #516572 ΔE 0.051
- Dark Slate Gray #2F4F4F ΔE 0.051
- Dark Green Blue #1F6357 ΔE 0.059
- Petrol #005F6A ΔE 0.062
- Deep Teal #00555A ΔE 0.068
- Dusk #4E5481 ΔE 0.069
Utilisez #4C575A 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.