Paleta de cores Raw Kiln
Raw Kiln é uma paleta de 4 cores baseada em marrons, amarelos, vermelhos e neutros. Em OKLCH, a luminosidade vai de 33% (#502C16, escuro) a 93% (#F4E7D5, muito claro), e a cor mais saturada, #502C16, é 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 terrosas, discretas, marrons, amarelas, quentes e para daltonismo.
- Onyx #502C16
- Dark Moss Green #6F6940
- Pewter #BEA09D
- Champagne #F4E7D5
Códigos de cor
| Cor | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Onyx | #502C16 | rgb(80, 44, 22) | hsl(23, 57%, 20%) | oklch(33.4% 0.063 50.6) |
| Dark Moss Green | #6F6940 | rgb(111, 105, 64) | hsl(52, 27%, 34%) | oklch(51.6% 0.059 101) |
| Pewter | #BEA09D | rgb(190, 160, 157) | hsl(5, 20%, 68%) | oklch(73.2% 0.036 24.7) |
| Champagne | #F4E7D5 | rgb(244, 231, 213) | hsl(35, 58%, 90%) | oklch(93.3% 0.028 76.2) |
Acessibilidade
Os melhores pares de texto e fundo de Raw Kiln, 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 |
|---|---|---|---|
| #F4E7D5 sobre #502C16 | 10.06:1 | AAA | Lc -86.7 |
| #502C16 sobre #BEA09D | 5.08:1 | AA | Lc 48.2 |
| #F4E7D5 sobre #6F6940 | 4.57:1 | AA | Lc -68.6 |
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/502c16-6f6940-bea09d-f4e7d5.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.