Paleta de cores Frost and Fjord
Frost and Fjord é uma paleta de 4 cores baseada em azuis e neutros. Em OKLCH, a luminosidade vai de 33% (#22364F, escuro) a 98% (#F7FAFC, muito claro), e a cor mais saturada, #22364F, é apagada. 2 das suas 2 cores cromáticas ficam no lado frio do círculo cromático. 2 dos seus 6 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.
- Prussian Blue #22364F
- Lavender Gray #6D7F94
- Silver #B6C8D4
- Cultured #F7FAFC
Códigos de cor
| Cor | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Prussian Blue | #22364F | rgb(34, 54, 79) | hsl(213, 40%, 22%) | oklch(32.8% 0.052 254.6) |
| Lavender Gray | #6D7F94 | rgb(109, 127, 148) | hsl(212, 15%, 50%) | oklch(59% 0.039 252.4) |
| Silver | #B6C8D4 | rgb(182, 200, 212) | hsl(204, 26%, 77%) | oklch(82.3% 0.026 236.9) |
| Cultured | #F7FAFC | rgb(247, 250, 252) | hsl(204, 45%, 98%) | oklch(98.3% 0.004 236.5) |
Acessibilidade
Os melhores pares de texto e fundo de Frost and Fjord, 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 |
|---|---|---|---|
| #F7FAFC sobre #22364F | 11.73:1 | AAA | Lc -97.8 |
| #B6C8D4 sobre #22364F | 7.14:1 | AAA | Lc -65.2 |
| #F7FAFC sobre #6D7F94 | 3.92:1 | AA texto grande | Lc -70.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/22364f-6d7f94-b6c8d4-f7fafc.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.