Paleta de colores Rosewater and Blush
Rosewater and Blush es una paleta de 5 colores que se apoya en rojos, verdes y neutros. En OKLCH, su luminosidad va del 39% (#593D3F, oscuro) al 98% (#FBF6F0, muy claro), y su color más saturado, #D8A7A0, es apagado. 2 de sus 3 colores cromáticos están en el lado cálido 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 boda, pastel, rosados, verdes, cálidos y neutros.
- Dim Gray #593D3F
- Pewter #8D9D84
- Sweet Salmon #D8A7A0
- Platinum #E8D5DA
- Seashell #FBF6F0
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Dim Gray | #593D3F | rgb(89, 61, 63) | hsl(356, 19%, 29%) | oklch(39.2% 0.04 14.3) |
| Pewter | #8D9D84 | rgb(141, 157, 132) | hsl(98, 11%, 57%) | oklch(67.6% 0.04 134.2) |
| Sweet Salmon | #D8A7A0 | rgb(216, 167, 160) | hsl(8, 42%, 74%) | oklch(77.1% 0.059 27.8) |
| Platinum | #E8D5DA | rgb(232, 213, 218) | hsl(344, 29%, 87%) | oklch(89% 0.022 359.7) |
| Seashell | #FBF6F0 | rgb(251, 246, 240) | hsl(33, 58%, 96%) | oklch(97.5% 0.01 72.7) |
Accesibilidad
Los mejores pares de texto y fondo de Rosewater and Blush, 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 |
|---|---|---|---|
| #FBF6F0 sobre #593D3F | 9.03:1 | AAA | Lc -91.1 |
| #E8D5DA sobre #593D3F | 6.91:1 | AA | Lc -72.7 |
| #D8A7A0 sobre #593D3F | 4.60:1 | AA | Lc -49.7 |
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/593d3f-8d9d84-d8a7a0-e8d5da-fbf6f0.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.