Paleta de cores Terracotta Wind
Terracotta Wind é uma paleta de 4 cores baseada em marrons e laranjas. Em OKLCH, a luminosidade vai de 21% (#241209, muito escuro) a 91% (#F4DAC8, muito claro), e a cor mais saturada, #B28E78, é apagada. 4 das suas 4 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 deserto, terrosas, monocromáticas, gradiente, laranjas e para daltonismo.
DesertoTerrosasMonocromáticasGradienteLaranjasPara daltonismo
- Rich Black #241209
- Dim Gray #684938
- English Lavender #B28E78
- Champagne #F4DAC8
Códigos de cor
| Cor | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Black | #241209 | rgb(36, 18, 9) | hsl(20, 60%, 9%) | oklch(20.5% 0.034 46.9) |
| Dim Gray | #684938 | rgb(104, 73, 56) | hsl(21, 30%, 31%) | oklch(43.5% 0.05 49.7) |
| English Lavender | #B28E78 | rgb(178, 142, 120) | hsl(23, 27%, 58%) | oklch(67.5% 0.054 53) |
| Champagne | #F4DAC8 | rgb(244, 218, 200) | hsl(25, 67%, 87%) | oklch(90.5% 0.038 56.9) |
Acessibilidade
Os melhores pares de texto e fundo de Terracotta Wind, 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 |
|---|---|---|---|
| #F4DAC8 sobre #241209 | 13.48:1 | AAA | Lc -86.0 |
| #F4DAC8 sobre #684938 | 6.04:1 | AA | Lc -71.8 |
| #241209 sobre #B28E78 | 6.03:1 | AA | Lc 46.2 |
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/241209-684938-b28e78-f4dac8.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.