Paleta de colores Champagne and Lace
Champagne and Lace es una paleta de 5 colores que se apoya en marrones, rojos, amarillos y naranjas. En OKLCH, su luminosidad va del 30% (#322E19, oscuro) al 92% (#F4E1C9, muy claro), y su color más saturado, #F4E1C9, es apagado. 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 boda, terrosos y neutros.
- Pakistan Green #322E19
- Dim Gray #694F4C
- Gray #80886F
- French Gray #C5AB9D
- Champagne #F4E1C9
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Pakistan Green | #322E19 | rgb(50, 46, 25) | hsl(50, 33%, 15%) | oklch(29.9% 0.035 98.8) |
| Dim Gray | #694F4C | rgb(105, 79, 76) | hsl(6, 16%, 35%) | oklch(45.4% 0.036 26.1) |
| Gray | #80886F | rgb(128, 136, 111) | hsl(79, 10%, 48%) | oklch(61.3% 0.038 121.9) |
| French Gray | #C5AB9D | rgb(197, 171, 157) | hsl(21, 26%, 69%) | oklch(76% 0.036 50.1) |
| Champagne | #F4E1C9 | rgb(244, 225, 201) | hsl(33, 66%, 87%) | oklch(91.9% 0.038 73.7) |
Accesibilidad
Los mejores pares de texto y fondo de Champagne and Lace, 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 |
|---|---|---|---|
| #F4E1C9 sobre #322E19 | 10.69:1 | AAA | Lc -85.5 |
| #322E19 sobre #C5AB9D | 6.29:1 | AA | Lc 55.4 |
| #F4E1C9 sobre #694F4C | 5.83:1 | AA | Lc -72.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/322e19-694f4c-80886f-c5ab9d-f4e1c9.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.