Mossy Green #638B27
Mossy Green é um verde médio-escuro e moderadamente saturado, com código hex #638B27 e RGB rgb(99, 139, 39).
Aa
O texto preto é o que melhor se lê sobre esta cor (5.25:1).
Sobre esta cor
#638B27 é um verde médio-escuro e moderadamente saturado. Em OKLCH, a luminosidade é 59%, o croma 0.135 e o matiz 129°. O matiz fica entre as metades quente e fria do círculo. É a cor com nome Mossy Green. O texto preto é o que melhor se lê sobre esta cor, com 5.25:1.
| Família de matiz | Verdes |
| Luminosidade | médio-escuro (59%) |
| Croma | moderadamente saturado (0.135) |
| Temperatura | intermediário |
| Nome mais próximo | Mossy Green |
| Texto preto | 5.25:1 |
| Texto branco | 3.99:1 |
Cores que combinam com Mossy Green
Combinações obtidas ao girar Mossy 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 Mossy Green
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Mossy Green, da mais próxima à mais distante.
Cores com nome parecidas
As oito cores com nome mais próximas de Mossy Green, com a distância ΔE.
- Olive Drab #6B8E23 ΔE 0.014
- Sap Green #5C8B15 ΔE 0.015
- Moss Green #658B38 ΔE 0.015
- Swamp Green #748500 ΔE 0.025
- Fern Green #548D44 ΔE 0.027
- Dark Yellow Green #728F02 ΔE 0.027
- Khaki Green #728639 ΔE 0.033
- Swamp #698339 ΔE 0.033
Mais sobre Mossy Green
Como fazer Mossy 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 laranja
- 3 partes de verde
- 1 parte de amarelo
Resultado da receita: #688931, uma diferença de ΔE 0.014 em relação a Mossy Green. Fica muito próximo: a maioria das pessoas não verá a diferença.
Códigos de Mossy Green em todos os formatos
| HEX | #638B27 |
| RGB | rgb(99, 139, 39) |
| HSL | hsl(84, 56%, 35%) |
| OKLCH | oklch(58.7% 0.135 128.9) |
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 #638B27 | 3.99:1 | AA texto grande | Lc -72.6 | Texto de conteúdo, não para leitura longa |
| Texto preto sobre #638B27 | 5.25:1 | AA | Lc 36.9 | Elementos que não são texto, texto de placeholder |
| Texto #638B27 sobre branco | 3.99:1 | AA texto grande | Lc 67.1 | Texto de conteúdo, não para leitura longa |
| Texto #638B27 sobre preto | 5.25:1 | AA | Lc -34.5 | Elementos que não são texto, texto de placeholder |
Tons claros e escuros de Mossy 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
#F4F7F1
oklch(97.2% 0.009 128.6)
-
Passo 100
100
#E6ECE0
oklch(93.5% 0.017 128.7)
-
Passo 200
200
#D2DEC7
oklch(88.5% 0.034 129.7)
-
Passo 300
300
#B5C99F
oklch(81% 0.061 128.4)
-
Passo 400
400
#8EAD6A
oklch(70.8% 0.098 128.9)
-
Passo 500
500
#729840
oklch(63.2% 0.125 129)
-
Passo 600
600 (esta cor)
#638B27
oklch(58.7% 0.135 128.9)
-
Passo 700
700
#4A6D0A
oklch(49% 0.125 128.8)
-
Passo 800
800
#3D590F
oklch(42.6% 0.103 128.8)
-
Passo 900
900
#344A16
oklch(37.8% 0.081 129.2)
-
Passo 950
950
#1F2B0E
oklch(27% 0.051 128.1)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Mossy 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) | #928117 | 0.068 |
| Deuteranopia (sem cones verdes) | #8C7E30 | 0.070 |
| Tritanopia (sem cones azuis) | #668577 | 0.105 |
| Acromatopsia (sem cor) | #7F7F7F | 0.135 |
Use Mossy 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.