Paleta de cores Gingerbread Fireside
Gingerbread Fireside é uma paleta de 5 cores baseada em vermelhos e rosas. Em OKLCH, a luminosidade vai de 22% (#39030C, muito escuro) a 94% (#FFE3DF, muito claro), e a cor mais saturada, #BC5151, é moderadamente saturada. 5 das suas 5 cores cromáticas ficam no lado quente do círculo cromático. 4 dos seus 10 pares de cores atingem a razão AA da WCAG de 4.5:1 para texto corrido. Está marcada como natal, inverno, monocromáticas, gradiente, vermelhas e para daltonismo.
- Jet #39030C
- Maroon #74272C
- Sinopia #BC5151
- Sweet Salmon #F29891
- Apricot #FFE3DF
Códigos de cor
| Cor | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #39030C | rgb(57, 3, 12) | hsl(350, 90%, 12%) | oklch(22.3% 0.083 17.6) |
| Maroon | #74272C | rgb(116, 39, 44) | hsl(356, 50%, 30%) | oklch(39% 0.108 19.9) |
| Sinopia | #BC5151 | rgb(188, 81, 81) | hsl(0, 44%, 53%) | oklch(57.2% 0.139 22.5) |
| Sweet Salmon | #F29891 | rgb(242, 152, 145) | hsl(4, 79%, 76%) | oklch(77% 0.109 24.7) |
| Apricot | #FFE3DF | rgb(255, 227, 223) | hsl(7, 100%, 94%) | oklch(93.8% 0.031 27.4) |
Acessibilidade
Os melhores pares de texto e fundo de Gingerbread Fireside, 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 |
|---|---|---|---|
| #FFE3DF sobre #39030C | 14.51:1 | AAA | Lc -91.8 |
| #FFE3DF sobre #74272C | 8.36:1 | AAA | Lc -82.7 |
| #39030C sobre #F29891 | 8.12:1 | AAA | Lc 59.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/39030c-74272c-bc5151-f29891-ffe3df.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.