Paleta de colores Pearl and Lagoon
Pearl and Lagoon es una paleta de 5 colores que se apoya en azules y verdes azulados y cianes. En OKLCH, su luminosidad va del 16% (#000D22, muy oscuro) al 92% (#CDEBEF, muy claro), y su color más saturado, #158072, 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, naturaleza, verde azulado, azules y fríos.
- Rich Navy #000D22
- Charcoal #12456F
- Teal #158072
- Celeste #8CD3DD
- Light Gray #CDEBEF
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Navy | #000D22 | rgb(0, 13, 34) | hsl(217, 100%, 7%) | oklch(16% 0.05 253.7) |
| Charcoal | #12456F | rgb(18, 69, 111) | hsl(207, 72%, 25%) | oklch(38% 0.089 248) |
| Teal | #158072 | rgb(21, 128, 114) | hsl(172, 72%, 29%) | oklch(54% 0.092 181.2) |
| Celeste | #8CD3DD | rgb(140, 211, 221) | hsl(187, 54%, 71%) | oklch(82.3% 0.072 207) |
| Light Gray | #CDEBEF | rgb(205, 235, 239) | hsl(187, 52%, 87%) | oklch(92% 0.032 206.4) |
Accesibilidad
Los mejores pares de texto y fondo de Pearl and Lagoon, 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 |
|---|---|---|---|
| #CDEBEF sobre #000D22 | 15.48:1 | AAA | Lc -90.9 |
| #000D22 sobre #8CD3DD | 11.55:1 | AAA | Lc 73.5 |
| #CDEBEF sobre #12456F | 7.94:1 | AAA | Lc -80.3 |
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/000d22-12456f-158072-8cd3dd-cdebef.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.