Paleta de colores Shell Afternoon
Shell Afternoon es una paleta de 5 colores que se apoya en azules, rojos, verdes azulados y cianes y naranjas. En OKLCH, su luminosidad va del 33% (#1B3A4B, oscuro) al 89% (#E4D8C3, claro), y su color más saturado, #8A4539, es moderadamente saturado. 3 de sus 5 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 océano, verano, verde azulado, rojos y apagados.
- Midnight Green #1B3A4B
- Auburn #8A4539
- Cerulean #407687
- Cool Steel #7FA8B2
- Pale Oak #E4D8C3
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Midnight Green | #1B3A4B | rgb(27, 58, 75) | hsl(201, 47%, 20%) | oklch(33.3% 0.048 234.7) |
| Auburn | #8A4539 | rgb(138, 69, 57) | hsl(9, 42%, 38%) | oklch(47.4% 0.097 31.2) |
| Cerulean | #407687 | rgb(64, 118, 135) | hsl(194, 36%, 39%) | oklch(53.5% 0.063 220.5) |
| Cool Steel | #7FA8B2 | rgb(127, 168, 178) | hsl(192, 25%, 60%) | oklch(70.5% 0.047 214.4) |
| Pale Oak | #E4D8C3 | rgb(228, 216, 195) | hsl(38, 38%, 83%) | oklch(88.6% 0.031 81.7) |
Accesibilidad
Los mejores pares de texto y fondo de Shell Afternoon, 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 |
|---|---|---|---|
| #E4D8C3 sobre #1B3A4B | 8.50:1 | AAA | Lc -76.7 |
| #E4D8C3 sobre #8A4539 | 4.98:1 | AA | Lc -64.7 |
| #1B3A4B sobre #7FA8B2 | 4.65:1 | AA | Lc 44.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/1b3a4b-8a4539-407687-7fa8b2-e4d8c3.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.