Paleta de colores Oat Canvas
Oat Canvas es una paleta de 5 colores que se apoya en verdes y amarillos. En OKLCH, su luminosidad va del 35% (#214423, oscuro) al 93% (#ECEAB4, muy claro), y su color más saturado, #819465, es moderadamente saturado. 1 de sus 5 colores cromáticos está 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 tranquilos, degradados, verdes, amarillos y terrosos.
- Pakistan Green #214423
- Dark Moss Green #506B42
- Slate Gray #819465
- Ash Gray #B5BE8B
- Lemon Meringue #ECEAB4
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Pakistan Green | #214423 | rgb(33, 68, 35) | hsl(123, 35%, 20%) | oklch(35.1% 0.069 145.1) |
| Dark Moss Green | #506B42 | rgb(80, 107, 66) | hsl(100, 24%, 34%) | oklch(49.5% 0.07 135.4) |
| Slate Gray | #819465 | rgb(129, 148, 101) | hsl(84, 19%, 49%) | oklch(63.9% 0.07 126.2) |
| Ash Gray | #B5BE8B | rgb(181, 190, 139) | hsl(71, 28%, 65%) | oklch(78.2% 0.07 116.2) |
| Lemon Meringue | #ECEAB4 | rgb(236, 234, 180) | hsl(58, 60%, 82%) | oklch(92.5% 0.07 105.9) |
Accesibilidad
Los mejores pares de texto y fondo de Oat Canvas, 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 |
|---|---|---|---|
| #ECEAB4 sobre #214423 | 8.87:1 | AAA | Lc -83.6 |
| #B5BE8B sobre #214423 | 5.59:1 | AA | Lc -55.8 |
| #ECEAB4 sobre #506B42 | 4.82:1 | AA | Lc -69.4 |
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/214423-506b42-819465-b5be8b-eceab4.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.