Paleta de cores Pressed Souvenir

Pressed Souvenir é uma paleta de 6 cores baseada em neutros, vermelhos e laranjas. Em OKLCH, a luminosidade vai de 31% (#3D2C2E, escuro) a 99% (#FFFAED, muito claro), e a cor mais saturada, #D4A373, é moderadamente saturada. 3 das suas 3 cores cromáticas ficam no lado quente do círculo cromático. 4 dos seus 15 pares de cores atingem a razão AA da WCAG de 4.5:1 para texto corrido. Está marcada como vintage, quentes, vermelhas, laranjas e discretas.

VintageQuentesVermelhasLaranjasDiscretas

Códigos de cor

CorHEXRGBHSLOKLCH
Gunmetal #3D2C2E rgb(61, 44, 46) hsl(353, 16%, 21%) oklch(31.4% 0.025 10.8)
Dim Gray #6B4C4A rgb(107, 76, 74) hsl(4, 18%, 35%) oklch(44.9% 0.043 23.1)
Dim Gray #4D5D59 rgb(77, 93, 89) hsl(165, 9%, 33%) oklch(46.3% 0.021 178.5)
Tiger's Eye #A3685B rgb(163, 104, 91) hsl(11, 28%, 50%) oklch(57.8% 0.079 33.1)
Earth Yellow #D4A373 rgb(212, 163, 115) hsl(30, 53%, 64%) oklch(75% 0.086 65.3)
Seashell #FFFAED rgb(255, 250, 237) hsl(43, 100%, 96%) oklch(98.5% 0.018 89.4)

Acessibilidade

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

ParWCAG 2NívelAPCA Lc
#FFFAED sobre #3D2C2E 12.61:1 AAA Lc -99.5
#FFFAED sobre #6B4C4A 7.31:1 AAA Lc -88.0
#FFFAED sobre #4D5D59 6.66:1 AA Lc -85.8

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/3d2c2e-6b4c4a-4d5d59-a3685b-d4a373-fffaed.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