Paleta de colores Bonbon Tin
Bonbon Tin es una paleta de 5 colores que se apoya en rojos y morados. En OKLCH, su luminosidad va del 31% (#4B1E2D, oscuro) al 90% (#E9D6FF, muy claro), y su color más saturado, #C3A1CC, es moderadamente saturado. 2 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 degradados, morados, tranquilos y aptos para daltonismo.
- Space Cadet #4B1E2D
- Dusty Grape #73465E
- English Lavender #9C7294
- French Gray #C3A1CC
- Light Gray #E9D6FF
Códigos de color
| Color | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Space Cadet | #4B1E2D | rgb(75, 30, 45) | hsl(340, 43%, 21%) | oklch(30.6% 0.071 1.2) |
| Dusty Grape | #73465E | rgb(115, 70, 94) | hsl(328, 24%, 36%) | oklch(45.4% 0.07 347) |
| English Lavender | #9C7294 | rgb(156, 114, 148) | hsl(311, 18%, 53%) | oklch(60.5% 0.071 333.3) |
| French Gray | #C3A1CC | rgb(195, 161, 204) | hsl(287, 30%, 72%) | oklch(75.3% 0.071 319.1) |
| Light Gray | #E9D6FF | rgb(233, 214, 255) | hsl(268, 100%, 92%) | oklch(90.4% 0.059 306.2) |
Accesibilidad
Los mejores pares de texto y fondo de Bonbon Tin, 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 |
|---|---|---|---|
| #E9D6FF sobre #4B1E2D | 10.20:1 | AAA | Lc -81.6 |
| #4B1E2D sobre #C3A1CC | 6.10:1 | AA | Lc 53.4 |
| #E9D6FF sobre #73465E | 5.61:1 | AA | Lc -69.5 |
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/4b1e2d-73465e-9c7294-c3a1cc-e9d6ff.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.