Paleta de colores Verdigris and Basin
Verdigris and Basin es una paleta de 5 colores que se apoya en verdes azulados y cianes. En OKLCH, su luminosidad va del 22% (#00211E, muy oscuro) al 93% (#B8F6EF, muy claro), y su color más saturado, #009187, es moderadamente saturado. 5 de sus 5 colores cromáticos están en el lado frío de la rueda cromática. 4 de sus 10 pares de colores alcanzan la relación WCAG AA de 4.5:1 para texto corrido. Está etiquetada como océano, tranquilos, monocromáticos, degradados, verde azulado y aptos para daltonismo.
OcéanoTranquilosMonocromáticosDegradadosVerde azuladoAptos para daltonismo
- Rich Black #00211E
- Charcoal #004F49
- Teal Green #009187
- Tiffany Blue #71C4BC
- Diamond #B8F6EF
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Black | #00211E | rgb(0, 33, 30) | hsl(175, 100%, 6%) | oklch(22.3% 0.039 186.2) |
| Charcoal | #004F49 | rgb(0, 79, 73) | hsl(175, 100%, 15%) | oklch(38.5% 0.067 186.1) |
| Teal Green | #009187 | rgb(0, 145, 135) | hsl(176, 100%, 28%) | oklch(59.1% 0.104 186.3) |
| Tiffany Blue | #71C4BC | rgb(113, 196, 188) | hsl(174, 41%, 61%) | oklch(76.5% 0.082 187.6) |
| Diamond | #B8F6EF | rgb(184, 246, 239) | hsl(173, 78%, 84%) | oklch(92.9% 0.063 187.5) |
Accesibilidad
Los mejores pares de texto y fondo de Verdigris and Basin, 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 |
|---|---|---|---|
| #B8F6EF sobre #00211E | 14.13:1 | AAA | Lc -92.5 |
| #00211E sobre #71C4BC | 8.35:1 | AAA | Lc 62.1 |
| #B8F6EF sobre #004F49 | 7.89:1 | AAA | Lc -82.2 |
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. Está etiquetada como apta para daltonismo: todos los pares quedan al menos a ΔE 0.14.
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/00211e-004f49-009187-71c4bc-b8f6ef.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.