Paleta de cores Cumulus and Seaside
Cumulus and Seaside é uma paleta de 4 cores baseada em vermelhos, rosas e neutros. Em OKLCH, a luminosidade vai de 20% (#210F17, muito escuro) a 95% (#FFE9EC, muito claro), e a cor mais saturada, #B98F99, é apagada. 3 das suas 3 cores cromáticas ficam no lado quente do círculo cromático. 3 dos seus 6 pares de cores atingem a razão AA da WCAG de 4.5:1 para texto corrido. Está marcada como verão, frias, monocromáticas, gradiente, rosas e para daltonismo.
- Rich Black #210F17
- Dim Gray #694752
- English Lavender #B98F99
- Apricot #FFE9EC
Códigos de cor
| Cor | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Black | #210F17 | rgb(33, 15, 23) | hsl(333, 38%, 9%) | oklch(19.8% 0.033 352.4) |
| Dim Gray | #694752 | rgb(105, 71, 82) | hsl(341, 19%, 35%) | oklch(43.9% 0.049 358.3) |
| English Lavender | #B98F99 | rgb(185, 143, 153) | hsl(346, 23%, 64%) | oklch(69.3% 0.052 2.7) |
| Apricot | #FFE9EC | rgb(255, 233, 236) | hsl(352, 100%, 96%) | oklch(95.2% 0.024 8.2) |
Acessibilidade
Os melhores pares de texto e fundo de Cumulus and Seaside, 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 |
|---|---|---|---|
| #FFE9EC sobre #210F17 | 15.82:1 | AAA | Lc -96.0 |
| #FFE9EC sobre #694752 | 6.91:1 | AA | Lc -81.3 |
| #210F17 sobre #B98F99 | 6.51:1 | AA | Lc 48.8 |
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/210f17-694752-b98f99-ffe9ec.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.