Palette de couleurs Ruby Signet
Ruby Signet est une palette de 5 couleurs qui puise dans les violets. En OKLCH, sa luminosité va de 21 % (#280232, très foncé) à 96 % (#FBEAFF, très clair), et sa couleur la plus saturée, #9F63AF, est moyennement saturé. Ses couleurs ont un chroma trop faible pour tirer vers le chaud ou le froid. 3 de ses 10 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : luxe, audacieuses, monochromes, dégradé, violettes et adaptées au daltonisme.
LuxeAudacieusesMonochromesDégradéViolettesAdaptées au daltonisme
- Rich Black #280232
- Purple #632A72
- Lavender Gray #9F63AF
- Cherry Blossom Pink #D797E6
- Anti-Flash White #FBEAFF
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Black | #280232 | rgb(40, 2, 50) | hsl(288, 92%, 10%) | oklch(20.6% 0.094 318.2) |
| Purple | #632A72 | rgb(99, 42, 114) | hsl(288, 46%, 31%) | oklch(39.7% 0.129 318.8) |
| Lavender Gray | #9F63AF | rgb(159, 99, 175) | hsl(287, 32%, 54%) | oklch(59.4% 0.13 319) |
| Cherry Blossom Pink | #D797E6 | rgb(215, 151, 230) | hsl(289, 61%, 75%) | oklch(76.5% 0.129 319.8) |
| Anti-Flash White | #FBEAFF | rgb(251, 234, 255) | hsl(289, 100%, 96%) | oklch(95.7% 0.033 319.8) |
Accessibilité
Les meilleures paires texte et fond de Ruby Signet, classées par rapport de contraste WCAG 2, avec le contraste de luminosité APCA (Lc) du texte sur son fond.
| Paire | WCAG 2 | Niveau | APCA Lc |
|---|---|---|---|
| #FBEAFF sur #280232 | 16.00:1 | AAA | Lc -96.3 |
| #FBEAFF sur #632A72 | 8.70:1 | AAA | Lc -86.5 |
| #280232 sur #D797E6 | 8.26:1 | AAA | Lc 58.7 |
Vision des couleurs
Aucune paire de couleurs ne se rapproche à moins de ΔE 0.06 d’une autre en protanopie, deutéranopie, tritanopie ou achromatopsie. Elle est étiquetée adaptée au daltonisme : chaque paire reste à au moins ΔE 0,14.
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
À utiliser dans votre code
Installez ces couleurs comme couleurs de thème Tailwind CSS v4 avec shadcn : npx shadcn@latest add https://getcolors.so/r/palette/280232-632a72-9f63af-d797e6-fbeaff.json.
Faites-la vôtre
Modifiez les couleurs, créez-en un système complet clair et sombre, ou voyez-les sur une vraie interface.