Paleta de colores Gelato and Sherbet
Gelato and Sherbet es una paleta de 5 colores que se apoya en morados, azules, rosados y neutros. En OKLCH, su luminosidad va del 29% (#342443, oscuro) al 91% (#ECDCEA, muy claro), y su color más saturado, #342443, es apagado. 2 de sus 4 colores cromáticos están en el lado 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 morados, apagados, fríos y tranquilos.
- Space Cadet #342443
- YInMn Blue #44546B
- Lavender Gray #7D7F9E
- French Gray #C2A6B0
- Light Gray #ECDCEA
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Space Cadet | #342443 | rgb(52, 36, 67) | hsl(271, 30%, 20%) | oklch(29.4% 0.058 306.9) |
| YInMn Blue | #44546B | rgb(68, 84, 107) | hsl(215, 22%, 34%) | oklch(44.2% 0.043 257.4) |
| Lavender Gray | #7D7F9E | rgb(125, 127, 158) | hsl(236, 15%, 55%) | oklch(60.6% 0.047 282) |
| French Gray | #C2A6B0 | rgb(194, 166, 176) | hsl(339, 19%, 71%) | oklch(75.3% 0.035 354.5) |
| Light Gray | #ECDCEA | rgb(236, 220, 234) | hsl(308, 30%, 89%) | oklch(91.1% 0.025 329.7) |
Accesibilidad
Los mejores pares de texto y fondo de Gelato and Sherbet, 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 |
|---|---|---|---|
| #ECDCEA sobre #342443 | 10.81:1 | AAA | Lc -84.2 |
| #342443 sobre #C2A6B0 | 6.34:1 | AA | Lc 54.6 |
| #ECDCEA sobre #44546B | 5.87:1 | AA | Lc -71.9 |
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/342443-44546b-7d7f9e-c2a6b0-ecdcea.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.