Paleta de cores Bonbon Tin
Bonbon Tin é uma paleta de 5 cores baseada em vermelhos e roxos. Em OKLCH, a luminosidade vai de 31% (#4B1E2D, escuro) a 90% (#E9D6FF, muito claro), e a cor mais saturada, #C3A1CC, é moderadamente saturada. 2 das suas 5 cores cromáticas ficam no lado quente do círculo cromático. 3 dos seus 10 pares de cores atingem a razão AA da WCAG de 4.5:1 para texto corrido. Está marcada como gradiente, roxas, calmas e para daltonismo.
- Space Cadet #4B1E2D
- Dusty Grape #73465E
- English Lavender #9C7294
- French Gray #C3A1CC
- Light Gray #E9D6FF
Códigos de cor
| Cor | 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) |
Acessibilidade
Os melhores pares de texto e fundo de Bonbon Tin, pela razão de contraste WCAG 2, com o contraste de luminosidade APCA (Lc) do texto sobre o fundo.
| Par | WCAG 2 | Nível | 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 |
Visão de cores
Nenhum par de cores fica a menos de ΔE 0.06 de outro sob protanopia, deuteranopia, tritanopia ou acromatopsia. Ela está marcada como segura para daltonismo: todos os pares ficam a pelo menos ΔE 0.14.
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
Use no seu código
Instale estas cores como cores de tema do Tailwind CSS v4 com o shadcn: npx shadcn@latest add https://getcolors.so/r/palette/4b1e2d-73465e-9c7294-c3a1cc-e9d6ff.json.
Faça dela a sua
Edite as cores, crie com elas um sistema de cores completo nos modos claro e escuro ou veja tudo em uma interface real.