Paleta de cores Cortado Table

Cortado Table é uma paleta de 6 cores baseada em neutros, marrons e laranjas. Em OKLCH, a luminosidade vai de 8% (#050100, muito escuro) a 91% (#EFE0C8, muito claro), e a cor mais saturada, #B88B66, é moderadamente saturada. 5 das suas 5 cores cromáticas ficam no lado quente do círculo cromático. 6 dos seus 15 pares de cores atingem a razão AA da WCAG de 4.5:1 para texto corrido. Está marcada como café, quentes, laranjas, marrons e discretas.

CaféQuentesLaranjasMarronsDiscretas

Códigos de cor

CorHEXRGBHSLOKLCH
Black #050100 rgb(5, 1, 0) hsl(12, 100%, 1%) oklch(8.3% 0.022 51.2)
Dim Gray #5E3B2A rgb(94, 59, 42) hsl(20, 38%, 27%) oklch(38.9% 0.057 46.5)
Tiger's Eye #986B52 rgb(152, 107, 82) hsl(21, 30%, 46%) oklch(56.8% 0.069 50)
English Lavender #B88B66 rgb(184, 139, 102) hsl(27, 37%, 56%) oklch(67.1% 0.075 60.5)
Ash Gray #D9BC98 rgb(217, 188, 152) hsl(33, 46%, 72%) oklch(81.1% 0.059 72.9)
Champagne #EFE0C8 rgb(239, 224, 200) hsl(37, 55%, 86%) oklch(91.2% 0.036 79.7)

Acessibilidade

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

ParWCAG 2NívelAPCA Lc
#EFE0C8 sobre #050100 15.99:1 AAA Lc -89.0
#050100 sobre #D9BC98 11.47:1 AAA Lc 70.2
#EFE0C8 sobre #5E3B2A 7.57:1 AAA Lc -77.9

Visão de cores

Nenhum par de cores fica a menos de ΔE 0.06 de outro sob protanopia, deuteranopia, tritanopia ou acromatopsia.

  • 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/050100-5e3b2a-986b52-b88b66-d9bc98-efe0c8.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.

Abrir no gerador Criar um sistema de cores Visualizar

Gradientes com estas cores