Paleta de cores Caramel Grind
Caramel Grind é uma paleta de 4 cores baseada em neutros, marrons e laranjas. Em OKLCH, a luminosidade vai de 19% (#1C110D, muito escuro) a 87% (#D9D4C9, claro), e a cor mais saturada, #A0522D, é moderadamente saturada. 2 das suas 2 cores cromáticas ficam no lado quente do círculo cromático. 2 dos seus 6 pares de cores atingem a razão AA da WCAG de 4.5:1 para texto corrido. Está marcada como café, quentes, marrons, laranjas, discretas e para daltonismo.
- Rich Navy #1C110D
- Sinopia #A0522D
- English Lavender #B88B66
- Cadet Gray #D9D4C9
Códigos de cor
| Cor | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Navy | #1C110D | rgb(28, 17, 13) | hsl(16, 37%, 8%) | oklch(19.1% 0.02 40.8) |
| Sinopia | #A0522D | rgb(160, 82, 45) | hsl(19, 56%, 40%) | oklch(52.6% 0.115 44.6) |
| English Lavender | #B88B66 | rgb(184, 139, 102) | hsl(27, 37%, 56%) | oklch(67.1% 0.075 60.5) |
| Cadet Gray | #D9D4C9 | rgb(217, 212, 201) | hsl(41, 17%, 82%) | oklch(87.1% 0.016 86.4) |
Acessibilidade
Os melhores pares de texto e fundo de Caramel Grind, 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 |
|---|---|---|---|
| #1C110D sobre #D9D4C9 | 12.52:1 | AAA | Lc 80.2 |
| #1C110D sobre #B88B66 | 6.10:1 | AA | Lc 46.0 |
| #D9D4C9 sobre #A0522D | 3.80:1 | AA texto grande | Lc -55.7 |
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/1c110d-a0522d-b88b66-d9d4c9.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.