Paleta de cores Lace Bouquet

Lace Bouquet é uma paleta de 4 cores baseada em marrons, verdes e amarelos. Em OKLCH, a luminosidade vai de 34% (#363A1A, escuro) a 93% (#EFE7D0, muito claro), e a cor mais saturada, #60795A, é apagada. 1 das suas 4 cores cromáticas fica 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, verdes, marrons, discretas, terrosas e para daltonismo.

CasamentoVerdesMarronsDiscretasTerrosasPara daltonismo

Códigos de cor

CorHEXRGBHSLOKLCH
Pakistan Green #363A1A rgb(54, 58, 26) hsl(68, 38%, 16%) oklch(33.6% 0.051 115)
Dark Moss Green #60795A rgb(96, 121, 90) hsl(108, 15%, 41%) oklch(54.7% 0.055 139.6)
Pewter #93B0A1 rgb(147, 176, 161) hsl(149, 16%, 63%) oklch(73.1% 0.038 162.8)
Champagne #EFE7D0 rgb(239, 231, 208) hsl(45, 49%, 88%) oklch(92.8% 0.032 91)

Acessibilidade

Os melhores pares de texto e fundo de Lace Bouquet, pela razão de contraste WCAG 2, com o contraste de luminosidade APCA (Lc) do texto sobre o fundo.

ParWCAG 2NívelAPCA Lc
#EFE7D0 sobre #363A1A 9.57:1 AAA Lc -85.2
#363A1A sobre #93B0A1 5.05:1 AA Lc 48.9
#EFE7D0 sobre #60795A 3.88:1 AA texto grande Lc -63.2

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/363a1a-60795a-93b0a1-efe7d0.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.

Gradientes com estas cores