Paleta de cores Kumquat Twist
Kumquat Twist é uma paleta de 5 cores baseada em marrons, verdes, amarelos e laranjas. Em OKLCH, a luminosidade vai de 31% (#343100, escuro) a 94% (#FFE9BB, muito claro), e a cor mais saturada, #A8CD55, é vívida. 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 comida, verão, verdes e para daltonismo.
- Pakistan Green #343100
- Dark Moss Green #376C36
- Persian Green #33A478
- Saffron #A8CD55
- Champagne #FFE9BB
Códigos de cor
| Cor | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Pakistan Green | #343100 | rgb(52, 49, 0) | hsl(57, 100%, 10%) | oklch(30.6% 0.065 105.9) |
| Dark Moss Green | #376C36 | rgb(55, 108, 54) | hsl(119, 33%, 32%) | oklch(48% 0.101 143.4) |
| Persian Green | #33A478 | rgb(51, 164, 120) | hsl(157, 53%, 42%) | oklch(64.4% 0.121 163.1) |
| Saffron | #A8CD55 | rgb(168, 205, 85) | hsl(79, 55%, 57%) | oklch(79.7% 0.153 124.2) |
| Champagne | #FFE9BB | rgb(255, 233, 187) | hsl(41, 100%, 87%) | oklch(94.1% 0.064 85.4) |
Acessibilidade
Os melhores pares de texto e fundo de Kumquat Twist, 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 |
|---|---|---|---|
| #FFE9BB sobre #343100 | 11.12:1 | AAA | Lc -89.7 |
| #A8CD55 sobre #343100 | 7.27:1 | AAA | Lc -63.5 |
| #FFE9BB sobre #376C36 | 5.24:1 | AA | Lc -73.1 |
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/343100-376c36-33a478-a8cd55-ffe9bb.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.