Paleta de cores Sorrel Hedgerow
Sorrel Hedgerow é uma paleta de 5 cores baseada em verdes, laranjas, rosas e amarelos. Em OKLCH, a luminosidade vai de 38% (#244E1A, escuro) a 89% (#D7E2A0, claro), e a cor mais saturada, #D57C3C, é moderadamente saturada. 2 das suas 5 cores cromáticas ficam no lado quente do círculo cromático. 2 dos seus 10 pares de cores atingem a razão AA da WCAG de 4.5:1 para texto corrido. Está marcada como natureza, primavera, verdes e quentes.
- Pakistan Green #244E1A
- Persian Green #5E8C61
- Burnt Sienna #D57C3C
- Cherry Blossom Pink #E8B4C8
- Tea Green #D7E2A0
Códigos de cor
| Cor | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Pakistan Green | #244E1A | rgb(36, 78, 26) | hsl(108, 50%, 20%) | oklch(38% 0.094 139.9) |
| Persian Green | #5E8C61 | rgb(94, 140, 97) | hsl(124, 20%, 46%) | oklch(59.5% 0.082 146) |
| Burnt Sienna | #D57C3C | rgb(213, 124, 60) | hsl(25, 65%, 54%) | oklch(67.2% 0.135 53.6) |
| Cherry Blossom Pink | #E8B4C8 | rgb(232, 180, 200) | hsl(337, 53%, 81%) | oklch(82.3% 0.065 353.7) |
| Tea Green | #D7E2A0 | rgb(215, 226, 160) | hsl(70, 53%, 76%) | oklch(88.9% 0.087 115.9) |
Acessibilidade
Os melhores pares de texto e fundo de Sorrel Hedgerow, 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 |
|---|---|---|---|
| #D7E2A0 sobre #244E1A | 7.01:1 | AAA | Lc -73.7 |
| #E8B4C8 sobre #244E1A | 5.41:1 | AA | Lc -58.3 |
| #D57C3C sobre #244E1A | 3.11:1 | AA texto grande | Lc -32.6 |
Visão de cores
1 par de cores ficam a menos de ΔE 0.06 um do outro em pelo menos uma simulação.
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/244e1a-5e8c61-d57c3c-e8b4c8-d7e2a0.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.