Paleta de colores Pewter Edit
Pewter Edit es una paleta de 6 colores que se apoya en marrones, morados, rojos y rosados. En OKLCH, su luminosidad va del 26% (#381E00, oscuro) al 93% (#FFE0E2, muy claro), y su color más saturado, #4C4468, es apagado. 4 de sus 6 colores cromáticos están en el lado cálido de la rueda cromática. 5 de sus 15 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como lujo, apagados, morados, cálidos y tranquilos.
- Jet #381E00
- Dim Gray #4C4468
- Gray #91685A
- English Lavender #B28C9F
- Silver #CDB7D1
- Apricot #FFE0E2
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #381E00 | rgb(56, 30, 0) | hsl(32, 100%, 11%) | oklch(26.4% 0.059 65.6) |
| Dim Gray | #4C4468 | rgb(76, 68, 104) | hsl(253, 21%, 34%) | oklch(41% 0.06 293.8) |
| Gray | #91685A | rgb(145, 104, 90) | hsl(15, 23%, 46%) | oklch(55.6% 0.057 39.7) |
| English Lavender | #B28C9F | rgb(178, 140, 159) | hsl(330, 20%, 62%) | oklch(68.2% 0.053 347.1) |
| Silver | #CDB7D1 | rgb(205, 183, 209) | hsl(291, 22%, 77%) | oklch(80.6% 0.043 321) |
| Apricot | #FFE0E2 | rgb(255, 224, 226) | hsl(356, 100%, 94%) | oklch(93.3% 0.034 13.3) |
Accesibilidad
Los mejores pares de texto y fondo de Pewter Edit, 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 |
|---|---|---|---|
| #FFE0E2 sobre #381E00 | 12.57:1 | AAA | Lc -89.5 |
| #381E00 sobre #CDB7D1 | 8.34:1 | AAA | Lc 65.0 |
| #FFE0E2 sobre #4C4468 | 7.29:1 | AAA | Lc -79.6 |
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/381e00-4c4468-91685a-b28c9f-cdb7d1-ffe0e2.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.