Paleta de colores Dove and Drizzle
Dove and Drizzle es una paleta de 4 colores que se apoya en neutros. En OKLCH, su luminosidad va del 34% (#2E3A46, oscuro) al 98% (#F7F9FB, muy claro), y su color más saturado, #2E3A46, es casi un gris neutro. Sus colores tienen demasiado poco croma como para inclinarse hacia lo cálido o lo frío. 3 de sus 6 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como tranquilos, fríos, grises y neutros.
- Onyx #2E3A46
- Silver #C3B8A8
- Light Gray #D5DCE3
- Cultured #F7F9FB
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Onyx | #2E3A46 | rgb(46, 58, 70) | hsl(210, 21%, 23%) | oklch(34.3% 0.027 248.6) |
| Silver | #C3B8A8 | rgb(195, 184, 168) | hsl(36, 18%, 71%) | oklch(78.7% 0.025 77.4) |
| Light Gray | #D5DCE3 | rgb(213, 220, 227) | hsl(210, 20%, 86%) | oklch(89.1% 0.012 248) |
| Cultured | #F7F9FB | rgb(247, 249, 251) | hsl(210, 33%, 98%) | oklch(98.1% 0.003 247.9) |
Accesibilidad
Los mejores pares de texto y fondo de Dove and Drizzle, 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 |
|---|---|---|---|
| #F7F9FB sobre #2E3A46 | 10.99:1 | AAA | Lc -96.2 |
| #D5DCE3 sobre #2E3A46 | 8.39:1 | AAA | Lc -77.3 |
| #C3B8A8 sobre #2E3A46 | 5.94:1 | AA | Lc -57.3 |
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/2e3a46-c3b8a8-d5dce3-f7f9fb.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.