Paleta de cores Hoar Morning
Hoar Morning é uma paleta de 5 cores baseada em azuis e neutros. Em OKLCH, a luminosidade vai de 14% (#010916, muito escuro) a 96% (#EAF2F7, muito claro), e a cor mais saturada, #324961, é apagada. 4 das suas 4 cores cromáticas ficam no lado frio 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 inverno, frias, azuis, discretas, calmas e para daltonismo.
- Rich Navy #010916
- Charcoal #324961
- Lavender Gray #6D7F94
- Cool Steel #8FB0C7
- Anti-Flash White #EAF2F7
Códigos de cor
| Cor | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Navy | #010916 | rgb(1, 9, 22) | hsl(217, 91%, 5%) | oklch(13.7% 0.034 250.9) |
| Charcoal | #324961 | rgb(50, 73, 97) | hsl(211, 32%, 29%) | oklch(39.7% 0.05 250.2) |
| Lavender Gray | #6D7F94 | rgb(109, 127, 148) | hsl(212, 15%, 50%) | oklch(59% 0.039 252.4) |
| Cool Steel | #8FB0C7 | rgb(143, 176, 199) | hsl(205, 33%, 67%) | oklch(74.1% 0.049 238.7) |
| Anti-Flash White | #EAF2F7 | rgb(234, 242, 247) | hsl(203, 45%, 94%) | oklch(95.7% 0.011 234.8) |
Acessibilidade
Os melhores pares de texto e fundo de Hoar Morning, 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 |
|---|---|---|---|
| #EAF2F7 sobre #010916 | 17.63:1 | AAA | Lc -98.4 |
| #010916 sobre #8FB0C7 | 8.75:1 | AAA | Lc 58.8 |
| #EAF2F7 sobre #324961 | 8.20:1 | AAA | Lc -86.3 |
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/010916-324961-6d7f94-8fb0c7-eaf2f7.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.