Paleta de colores Sprout Garden
Sprout Garden es una paleta de 5 colores que se apoya en azules, morados y rojos. En OKLCH, su luminosidad va del 28% (#1C293F, oscuro) al 91% (#EDDAFB, muy claro), y su color más saturado, #673F5C, es apagado. Sus colores cromáticos se reparten por igual entre el lado cálido y el frío de la rueda cromática. 3 de sus 10 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como primavera, morados, apagados y tranquilos.
- Oxford Blue #1C293F
- Dim Gray #673F5C
- Gray #93727A
- French Gray #ABAACF
- Light Gray #EDDAFB
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Oxford Blue | #1C293F | rgb(28, 41, 63) | hsl(218, 38%, 18%) | oklch(28% 0.045 260.6) |
| Dim Gray | #673F5C | rgb(103, 63, 92) | hsl(317, 24%, 33%) | oklch(42.5% 0.07 337.6) |
| Gray | #93727A | rgb(147, 114, 122) | hsl(345, 13%, 51%) | oklch(58.7% 0.043 2.4) |
| French Gray | #ABAACF | rgb(171, 170, 207) | hsl(242, 28%, 74%) | oklch(75.1% 0.053 286.3) |
| Light Gray | #EDDAFB | rgb(237, 218, 251) | hsl(275, 80%, 92%) | oklch(91.4% 0.049 311) |
Accesibilidad
Los mejores pares de texto y fondo de Sprout Garden, según la relación de contraste WCAG 2, con el contraste de luminosidad APCA (Lc) del texto sobre su fondo.
| Par | WCAG 2 | Nivel | APCA Lc |
|---|---|---|---|
| #EDDAFB sobre #1C293F | 11.14:1 | AAA | Lc -84.7 |
| #EDDAFB sobre #673F5C | 6.56:1 | AA | Lc -74.4 |
| #1C293F sobre #ABAACF | 6.52:1 | AA | Lc 55.2 |
Visión del color
Ningún par de colores queda a menos de ΔE 0.06 de otro bajo protanopía, deuteranopía, tritanopía o acromatopsia.
Protanopía
Deuteranopía
Tritanopía
Acromatopsia
Úsala en tu código
Instala estos colores como colores de tema de Tailwind CSS v4 con shadcn: npx shadcn@latest add https://getcolors.so/r/palette/1c293f-673f5c-93727a-abaacf-eddafb.json.
Hazla tuya
Edita los colores, crea con ellos un sistema de color completo en modo claro y oscuro, o míralos en una interfaz real.