Sap Green #5C8B15
Sap Green é um verde médio-escuro e vívido, com código hex #5C8B15 e RGB rgb(92, 139, 21).
Aa
O texto preto é o que melhor se lê sobre esta cor (5.15:1).
Sobre esta cor
#5C8B15 é um verde médio-escuro e vívido. Em OKLCH, a luminosidade é 58%, o croma 0.149 e o matiz 130°. O matiz fica entre as metades quente e fria do círculo. É a cor com nome Sap Green. O texto preto é o que melhor se lê sobre esta cor, com 5.15:1.
| Família de matiz | Verdes |
| Luminosidade | médio-escuro (58%) |
| Croma | vívido (0.149) |
| Temperatura | intermediário |
| Nome mais próximo | Sap Green |
| Texto preto | 5.15:1 |
| Texto branco | 4.07:1 |
Cores que combinam com Sap Green
Combinações obtidas ao girar Sap Green 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 Sap Green
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Sap Green, da mais próxima à mais distante.
Cores com nome parecidas
As oito cores com nome mais próximas de Sap Green, com a distância ΔE.
- Mossy Green #638B27 ΔE 0.015
- Olive Drab #6B8E23 ΔE 0.024
- Moss Green #658B38 ΔE 0.030
- Dark Yellow Green #728F02 ΔE 0.031
- Swamp Green #748500 ΔE 0.032
- Fern Green #548D44 ΔE 0.035
- Swamp #698339 ΔE 0.045
- Forest Green #228B22 ΔE 0.047
Mais sobre Sap Green
Como fazer Sap Green
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
- 2 partes de laranja
- 1 parte de amarelo
Resultado da receita: #578D35, uma diferença de ΔE 0.020 em relação a Sap Green. Fica muito próximo: a maioria das pessoas não verá a diferença.
Códigos de Sap Green em todos os formatos
| HEX | #5C8B15 |
| RGB | rgb(92, 139, 21) |
| HSL | hsl(84, 74%, 31%) |
| OKLCH | oklch(58.1% 0.149 130.1) |
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 #5C8B15 | 4.07:1 | AA texto grande | Lc -73.2 | Texto de conteúdo, não para leitura longa |
| Texto preto sobre #5C8B15 | 5.15:1 | AA | Lc 36.4 | Elementos que não são texto, texto de placeholder |
| Texto #5C8B15 sobre branco | 4.07:1 | AA texto grande | Lc 67.7 | Texto de conteúdo, não para leitura longa |
| Texto #5C8B15 sobre preto | 5.15:1 | AA | Lc -34.0 | Elementos que não são texto, texto de placeholder |
Tons claros e escuros de Sap Green
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 600.
-
Passo 50
50
#F3F7F0
oklch(97.1% 0.01 131.4)
-
Passo 100
100
#E5EDDF
oklch(93.6% 0.02 131.5)
-
Passo 200
200
#D1DFC5
oklch(88.6% 0.038 130.4)
-
Passo 300
300
#B2CA9C
oklch(80.9% 0.068 130.2)
-
Passo 400
400
#8AAE65
oklch(70.7% 0.107 130.2)
-
Passo 500
500
#6D9937
oklch(63% 0.137 130.1)
-
Passo 600
600 (esta cor)
#5C8B15
oklch(58.1% 0.149 130.1)
-
Passo 700
700
#466E00
oklch(48.9% 0.132 130.2)
-
Passo 800
800
#395A01
oklch(42.6% 0.114 130)
-
Passo 900
900
#314A10
oklch(37.6% 0.088 130.1)
-
Passo 950
950
#1D2C0B
oklch(27.1% 0.057 130.1)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Sap Green 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) | #928000 | 0.078 |
| Deuteranopia (sem cones verdes) | #8B7D23 | 0.077 |
| Tritanopia (sem cones azuis) | #5F8576 | 0.115 |
| Acromatopsia (sem cor) | #7E7E7E | 0.149 |
Use Sap Green 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.