Paleta de colores Harvest Wallpaper
Harvest Wallpaper es una paleta de 5 colores que se apoya en rojos, verdes, naranjas y neutros. En OKLCH, su luminosidad va del 31% (#3F2732, oscuro) al 99% (#FFFAED, muy claro), y su color más saturado, #F2B632, es vívido. 3 de sus 4 colores cromáticos están en el lado cálido de la rueda cromática. 4 de sus 10 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como retro, cálidos, amarillos y rojos.
- Space Cadet #3F2732
- Maroon #7A2E1F
- Battleship Gray #5B7B6A
- Maximum Yellow Red #F2B632
- Seashell #FFFAED
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Space Cadet | #3F2732 | rgb(63, 39, 50) | hsl(333, 24%, 20%) | oklch(30.7% 0.04 350.7) |
| Maroon | #7A2E1F | rgb(122, 46, 31) | hsl(10, 59%, 30%) | oklch(40.8% 0.11 33) |
| Battleship Gray | #5B7B6A | rgb(91, 123, 106) | hsl(148, 15%, 42%) | oklch(55.3% 0.045 161.3) |
| Maximum Yellow Red | #F2B632 | rgb(242, 182, 50) | hsl(41, 88%, 57%) | oklch(81.1% 0.153 82.1) |
| Seashell | #FFFAED | rgb(255, 250, 237) | hsl(43, 100%, 96%) | oklch(98.5% 0.018 89.4) |
Accesibilidad
Los mejores pares de texto y fondo de Harvest Wallpaper, 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 |
|---|---|---|---|
| #FFFAED sobre #3F2732 | 13.02:1 | AAA | Lc -99.9 |
| #FFFAED sobre #7A2E1F | 9.00:1 | AAA | Lc -92.2 |
| #F2B632 sobre #3F2732 | 7.44:1 | AAA | Lc -64.0 |
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/3f2732-7a2e1f-5b7b6a-f2b632-fffaed.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.