Paleta de colores Onyx and Brass
Onyx and Brass es una paleta de 5 colores que se apoya en marrones y amarillos. En OKLCH, su luminosidad va del 28% (#2D2B00, oscuro) al 93% (#E0F3AB, muy claro), y su color más saturado, #E0F3AB, es moderadamente saturado. 4 de sus 5 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 lujo, marrones, cálidos, terrosos y tranquilos.
- Pakistan Green #2D2B00
- Dark Moss Green #6E4A00
- Tiger's Eye #A47143
- Earth Yellow #C3B27F
- Tea Green #E0F3AB
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Pakistan Green | #2D2B00 | rgb(45, 43, 0) | hsl(57, 100%, 9%) | oklch(28.2% 0.06 107) |
| Dark Moss Green | #6E4A00 | rgb(110, 74, 0) | hsl(40, 100%, 22%) | oklch(43.8% 0.092 76.9) |
| Tiger's Eye | #A47143 | rgb(164, 113, 67) | hsl(28, 42%, 45%) | oklch(59.1% 0.09 61.7) |
| Earth Yellow | #C3B27F | rgb(195, 178, 127) | hsl(45, 36%, 63%) | oklch(76.6% 0.071 91.8) |
| Tea Green | #E0F3AB | rgb(224, 243, 171) | hsl(76, 75%, 81%) | oklch(93.3% 0.095 120.3) |
Accesibilidad
Los mejores pares de texto y fondo de Onyx and Brass, 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 |
|---|---|---|---|
| #E0F3AB sobre #2D2B00 | 12.06:1 | AAA | Lc -90.9 |
| #2D2B00 sobre #C3B27F | 6.86:1 | AA | Lc 57.9 |
| #E0F3AB sobre #6E4A00 | 6.65:1 | AA | Lc -78.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/2d2b00-6e4a00-a47143-c3b27f-e0f3ab.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.