Paleta de colores Stone Morning
Stone Morning es una paleta de 5 colores que se apoya en verdes azulados y cianes y neutros. En OKLCH, su luminosidad va del 47% (#45635A, medio oscuro) al 94% (#E8EDE6, muy claro), y su color más saturado, #45635A, es apagado. 1 de sus 1 colores cromáticos está en el lado frío de la rueda cromática. 1 de sus 10 pares de colores alcanza la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como tranquilos, apagados, grises y neutros.
- Dim Gray #45635A
- Cool Gray #8D9AA1
- French Gray #A3B8AB
- Pale Oak #D9D2C5
- Gainsboro #E8EDE6
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Dim Gray | #45635A | rgb(69, 99, 90) | hsl(162, 18%, 33%) | oklch(47.3% 0.038 174) |
| Cool Gray | #8D9AA1 | rgb(141, 154, 161) | hsl(201, 10%, 59%) | oklch(67.8% 0.018 231) |
| French Gray | #A3B8AB | rgb(163, 184, 171) | hsl(143, 13%, 68%) | oklch(76.3% 0.03 158.5) |
| Pale Oak | #D9D2C5 | rgb(217, 210, 197) | hsl(39, 21%, 81%) | oklch(86.6% 0.019 83.1) |
| Gainsboro | #E8EDE6 | rgb(232, 237, 230) | hsl(103, 16%, 92%) | oklch(94% 0.011 136.6) |
Accesibilidad
Los mejores pares de texto y fondo de Stone Morning, 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 |
|---|---|---|---|
| #E8EDE6 sobre #45635A | 5.55:1 | AA | Lc -74.9 |
| #D9D2C5 sobre #45635A | 4.39:1 | AA texto grande | Lc -59.4 |
| #A3B8AB sobre #45635A | 3.14:1 | AA texto grande | Lc -40.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/45635a-8d9aa1-a3b8ab-d9d2c5-e8ede6.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.