Creato a 06/14/2025 19:37
Accessibility-First Design Tokens
Contrast Navy
#1e293b
Readability Cream
#fffcf2
Link Cyan
#06aed5
Error Red
#dc2626
Focus Halo
#d9f99d
Disabled Grey
#9ca3af
La tavolozza è composta da Buio, Leggero colori. Colori accentati Readability Cream #fffcf2 e Link Cyan #06aed5. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
La tavolozza Accessibility-First Design Tokens ha una combinazione di colori dei codici 6:
ESADECIMALE: #1e293b, RGB: (30, 41, 59); ESADECIMALE: #fffcf2, RGB: (255, 252, 242); ESADECIMALE: #06aed5, RGB: (6, 174, 213)
ESADECIMALE: #dc2626, RGB: (220, 38, 38); ESADECIMALE: #d9f99d, RGB: (217, 249, 157); ESADECIMALE: #9ca3af, RGB: (156, 163, 175)
Versione semplificata della tavolozza dei colori
Ombra di midnightblue, Ombra di floralwhite, Tonalità di deepskyblue, Ombra di crimson, Ombra di palegreen, Tonalità di darkgrey
La combinazione di colori è stata creata da coolor
Codici colori nella tavolozza
Accessibility-First Design Tokens codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #1e293b | #1e293b | RGB(30, 41, 59) | Contrast Navy | — |
| #fffcf2 | #fffcf2 | RGB(255, 252, 242) | Readability Cream | — |
| #06aed5 | #06aed5 | RGB(6, 174, 213) | Link Cyan | — |
| #dc2626 | #dc2626 | RGB(220, 38, 38) | Error Red | — |
| #d9f99d | #d9f99d | RGB(217, 249, 157) | Focus Halo | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Disabled Grey | — |
Contrasto della palette di colori
4 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
| Colore del testo | Colore di sfondo | Rapporto di contrasto |
#fffcf2 | #d9f99d | 1.13 |
#06aed5 | #dc2626 | 1.84 |
#06aed5 | #9ca3af | 1.03 |
#dc2626 | #9ca3af | 1.9 |
