Paleta de cores Rouge Quartz
Rouge Quartz é uma paleta de 4 cores baseada em roxos, vermelhos e rosas. Em OKLCH, a luminosidade vai de 35% (#4E2C4C, escuro) a 93% (#FFDFE0, muito claro), e a cor mais saturada, #9D5275, é moderadamente saturada. 3 das suas 4 cores cromáticas ficam no lado quente 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 casamento, quentes, rosas, calmas e para daltonismo.
- Onyx #4E2C4C
- Battleship Gray #9D5275
- Sweet Salmon #DE9783
- Apricot #FFDFE0
Códigos de cor
| Cor | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Onyx | #4E2C4C | rgb(78, 44, 76) | hsl(304, 28%, 24%) | oklch(34.9% 0.07 329.1) |
| Battleship Gray | #9D5275 | rgb(157, 82, 117) | hsl(332, 31%, 47%) | oklch(53.9% 0.108 352) |
| Sweet Salmon | #DE9783 | rgb(222, 151, 131) | hsl(13, 58%, 69%) | oklch(74.2% 0.091 36.4) |
| Apricot | #FFDFE0 | rgb(255, 223, 224) | hsl(358, 100%, 94%) | oklch(93% 0.035 15.7) |
Acessibilidade
Os melhores pares de texto e fundo de Rouge Quartz, 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 |
|---|---|---|---|
| #FFDFE0 sobre #4E2C4C | 9.44:1 | AAA | Lc -84.5 |
| #4E2C4C sobre #DE9783 | 4.95:1 | AA | Lc 48.2 |
| #FFDFE0 sobre #9D5275 | 4.33:1 | AA texto grande | Lc -65.9 |
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/4e2c4c-9d5275-de9783-ffdfe0.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.