Evergreen #05472A
Evergreen é um verde escuro e moderadamente saturado, com código hex #05472A e RGB rgb(5, 71, 42).
Aa
O texto branco é o que melhor se lê sobre esta cor (10.81:1).
Sobre esta cor
#05472A é um verde escuro e moderadamente saturado. Em OKLCH, a luminosidade é 35%, o croma 0.080 e o matiz 158°. O matiz fica entre as metades quente e fria do círculo. É a cor com nome Evergreen. O texto branco é o que melhor se lê sobre esta cor, com 10.81:1.
| Família de matiz | Verdes |
| Luminosidade | escuro (35%) |
| Croma | moderadamente saturado (0.080) |
| Temperatura | intermediário |
| Nome mais próximo | Evergreen |
| Texto preto | 1.94:1 |
| Texto branco | 10.81:1 |
Cores que combinam com Evergreen
Combinações obtidas ao girar Evergreen pela roda de matiz do OKLCH, cada uma com o nome mais próximo da nossa lista.
Análogo
Matizes vizinhos, 30° para cada lado.
Tríade
Três matizes espaçados em 120°.
Paletas de cores com Evergreen
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Evergreen, da mais próxima à mais distante.
Cores com nome parecidas
As oito cores com nome mais próximas de Evergreen, com a distância ΔE.
- Pine Green #0A481E ΔE 0.018
- British Racing Green #05480D ΔE 0.036
- Forrest Green #154406 ΔE 0.038
- Hunter Green #0B4008 ΔE 0.041
- Darkgreen #054907 ΔE 0.042
- Bottle Green #044A05 ΔE 0.044
- Racing Green #014600 ΔE 0.045
- Dark Blue Green #005249 ΔE 0.054
Mais sobre Evergreen
Como fazer Evergreen
Uma receita inicial com cores de tinta comuns, calculada com um modelo espectral de tinta (o modo tinta do misturador). Pigmentos reais variam: misture primeiro um pequeno teste e ajuste.
- 3 partes de verde
- 1 parte de preto
Resultado da receita: #304A34, uma diferença de ΔE 0.044 em relação a Evergreen. Fica próximo; acrescente um pouco mais de uma das tintas para igualar.
Códigos de Evergreen em todos os formatos
| HEX | #05472A |
| RGB | rgb(5, 71, 42) |
| HSL | hsl(154, 87%, 15%) |
| OKLCH | oklch(35.2% 0.08 157.6) |
Contraste
As razões de contraste do WCAG 2 são a meta de conformidade: o AA exige 4.5:1 para texto de corpo e 3:1 para texto grande; o AAA exige 7:1. Os valores Lc do APCA são uma orientação complementar dos rascunhos do WCAG 3.
| Combinação | WCAG 2 | Resultado | APCA | Orientação APCA |
|---|---|---|---|---|
| Texto branco sobre #05472A | 10.81:1 | AAA | Lc -98.6 | Ideal para texto de corpo |
| Texto preto sobre #05472A | 1.94:1 | Não atende | Lc 9.3 | Não legível |
| Texto #05472A sobre branco | 10.81:1 | AAA | Lc 94.7 | Ideal para texto de corpo |
| Texto #05472A sobre preto | 1.94:1 | Não atende | Lc -7.9 | Não legível |
Tons claros e escuros de Evergreen
Uma escala de 50 a 950 criada em OKLCH: o matiz é mantido, a luminosidade segue uma curva parecida com a do Tailwind v4 e cada passo fica dentro da gama sRGB. Esta cor está no passo 900.
-
Passo 50
50
#F1F7F3
oklch(97.1% 0.008 157.1)
-
Passo 100
100
#E1EEE5
oklch(93.7% 0.018 155.8)
-
Passo 200
200
#C8E0D1
oklch(88.5% 0.033 158.3)
-
Passo 300
300
#A1CDB2
oklch(80.9% 0.06 157.8)
-
Passo 400
400
#6AB389
oklch(70.7% 0.097 157.5)
-
Passo 500
500
#3A9F6C
oklch(63% 0.122 157.8)
-
Passo 600
600
#008954
oklch(55.5% 0.13 157.7)
-
Passo 700
700
#007446
oklch(49.2% 0.116 157.5)
-
Passo 800
800
#005F38
oklch(42.7% 0.101 157.3)
-
Passo 900
900 (esta cor)
#05472A
oklch(35.2% 0.08 157.6)
-
Passo 950
950
#0D2E1D
oklch(27.1% 0.05 157.8)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Evergreen com daltonismo
Simulado com o modelo de Machado et al. (2009). ΔE é o quanto a cor se desloca: abaixo de cerca de 0.02 você não notaria a mudança.
| Visão | Vista como | Mudança (ΔE) |
|---|---|---|
| Protanopia (sem cones vermelhos) | #464028 | 0.073 |
| Deuteranopia (sem cones verdes) | #3F3B2C | 0.072 |
| Tritanopia (sem cones azuis) | #004640 | 0.038 |
| Acromatopsia (sem cor) | #3D3D3D | 0.080 |
Use Evergreen no seu produto
Transforme em papéis de interface claros e escuros com o contraste verificado e exporte para Tailwind v4, shadcn/ui, CSS ou design tokens.