Paleta de cores Midnight Study
Midnight Study é uma paleta de 4 cores baseada em azuis e azuis-esverdeados e cianos. Em OKLCH, a luminosidade vai de 32% (#00365B, escuro) a 94% (#C7F2FF, muito claro), e a cor mais saturada, #8A99EC, é moderadamente saturada. 4 das suas 4 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 frias, azul-petróleo, roxas e para daltonismo.
- Prussian Blue #00365B
- Teal #007E7A
- Chefchaouen Blue #8A99EC
- Diamond #C7F2FF
Códigos de cor
| Cor | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Prussian Blue | #00365B | rgb(0, 54, 91) | hsl(204, 100%, 18%) | oklch(32.3% 0.083 246.1) |
| Teal | #007E7A | rgb(0, 126, 122) | hsl(178, 100%, 25%) | oklch(53.5% 0.092 190.9) |
| Chefchaouen Blue | #8A99EC | rgb(138, 153, 236) | hsl(231, 72%, 73%) | oklch(70.5% 0.123 275) |
| Diamond | #C7F2FF | rgb(199, 242, 255) | hsl(194, 100%, 89%) | oklch(93.5% 0.048 218.1) |
Acessibilidade
Os melhores pares de texto e fundo de Midnight Study, 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 |
|---|---|---|---|
| #C7F2FF sobre #00365B | 10.47:1 | AAA | Lc -88.2 |
| #00365B sobre #8A99EC | 4.68:1 | AA | Lc 44.0 |
| #C7F2FF sobre #007E7A | 4.12:1 | AA texto grande | Lc -65.8 |
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/00365b-007e7a-8a99ec-c7f2ff.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.