Paleta de colores Umber Workshop
Umber Workshop es una paleta de 6 colores que se apoya en verdes, marrones, rojos, naranjas, amarillos y neutros. En OKLCH, su luminosidad va del 34% (#233F20, oscuro) al 97% (#FFF2EB, muy claro), y su color más saturado, #233F20, es apagado. 3 de sus 5 colores cromáticos están en el lado cálido de la rueda cromática. 3 de sus 15 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como terrosos, apagados, verdes, cálidos y tranquilos.
- Pakistan Green #233F20
- Dark Moss Green #565E3A
- Gray #8D7370
- Pewter #B49775
- Pale Oak #D4CBAC
- Seashell #FFF2EB
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Pakistan Green | #233F20 | rgb(35, 63, 32) | hsl(114, 33%, 19%) | oklch(33.6% 0.063 142) |
| Dark Moss Green | #565E3A | rgb(86, 94, 58) | hsl(73, 24%, 30%) | oklch(46.5% 0.055 118.8) |
| Gray | #8D7370 | rgb(141, 115, 112) | hsl(6, 11%, 50%) | oklch(58% 0.033 25.8) |
| Pewter | #B49775 | rgb(180, 151, 117) | hsl(32, 30%, 58%) | oklch(69.4% 0.058 71.1) |
| Pale Oak | #D4CBAC | rgb(212, 203, 172) | hsl(46, 32%, 75%) | oklch(84.1% 0.043 93.7) |
| Seashell | #FFF2EB | rgb(255, 242, 235) | hsl(21, 100%, 96%) | oklch(96.9% 0.017 50.4) |
Accesibilidad
Los mejores pares de texto y fondo de Umber Workshop, 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 |
|---|---|---|---|
| #FFF2EB sobre #233F20 | 10.62:1 | AAA | Lc -93.3 |
| #D4CBAC sobre #233F20 | 7.17:1 | AAA | Lc -67.5 |
| #FFF2EB sobre #565E3A | 6.26:1 | AA | Lc -81.7 |
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/233f20-565e3a-8d7370-b49775-d4cbac-fff2eb.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.