Paleta de cores Gyokuro Leaf

Gyokuro Leaf é uma paleta de 4 cores baseada em verdes, marrons e amarelos. Em OKLCH, a luminosidade vai de 34% (#2F3E2B, escuro) a 87% (#CFDDA8, claro), e a cor mais saturada, #5C7A3A, é moderadamente saturada. 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 comida, calmas, verdes, discretas e terrosas.

ComidaCalmasVerdesDiscretasTerrosas

Códigos de cor

CorHEXRGBHSLOKLCH
Pakistan Green #2F3E2B rgb(47, 62, 43) hsl(107, 18%, 21%) oklch(34.5% 0.038 139.1)
Dim Gray #5A4630 rgb(90, 70, 48) hsl(31, 30%, 27%) oklch(40.9% 0.044 68.8)
Dark Moss Green #5C7A3A rgb(92, 122, 58) hsl(88, 36%, 35%) oklch(54.1% 0.097 129.8)
Tea Green #CFDDA8 rgb(207, 221, 168) hsl(76, 44%, 76%) oklch(87.4% 0.072 119.9)

Acessibilidade

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

ParWCAG 2NívelAPCA Lc
#CFDDA8 sobre #2F3E2B 7.89:1 AAA Lc -74.3
#CFDDA8 sobre #5A4630 6.19:1 AA Lc -69.2
#CFDDA8 sobre #5C7A3A 3.39:1 AA texto grande Lc -53.5

Visão de cores

1 par de cores ficam a menos de ΔE 0.06 um do outro em pelo menos uma simulação.

  • 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/2f3e2b-5a4630-5c7a3a-cfdda8.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