Moss #769958
Moss é um verde médio-claro e moderadamente saturado, com código hex #769958 e RGB rgb(118, 153, 88).
Aa
O texto preto é o que melhor se lê sobre esta cor (6.46:1).
Sobre esta cor
#769958 é um verde médio-claro e moderadamente saturado. Em OKLCH, a luminosidade é 64%, o croma 0.099 e o matiz 132°. O matiz fica entre as metades quente e fria do círculo. É a cor com nome Moss. O texto preto é o que melhor se lê sobre esta cor, com 6.46:1.
| Família de matiz | Verdes |
| Luminosidade | médio-claro (64%) |
| Croma | moderadamente saturado (0.099) |
| Temperatura | intermediário |
| Nome mais próximo | Moss |
| Texto preto | 6.46:1 |
| Texto branco | 3.24:1 |
Cores que combinam com Moss
Combinações obtidas ao girar Moss 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 Moss
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Moss, da mais próxima à mais distante.
Cores com nome parecidas
As oito cores com nome mais próximas de Moss, com a distância ΔE.
- Drab Green #749551 ΔE 0.013
- Flat Green #699D4C ΔE 0.027
- Camo #7F8F4E ΔE 0.028
- Off Green #6BA353 ΔE 0.033
- Muted Green #5FA052 ΔE 0.035
- Dull Green #74A662 ΔE 0.036
- Green Grey #77926F ΔE 0.042
- Greeny Grey #7EA07A ΔE 0.046
Mais sobre Moss
Como fazer Moss
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.
- 2 partes de cinza
- 1 parte de amarelo
- 1 parte de verde
Resultado da receita: #789C52, uma diferença de ΔE 0.013 em relação a Moss. Fica muito próximo: a maioria das pessoas não verá a diferença.
Códigos de Moss em todos os formatos
| HEX | #769958 |
| RGB | rgb(118, 153, 88) |
| HSL | hsl(92, 27%, 47%) |
| OKLCH | oklch(64.1% 0.099 131.8) |
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 #769958 | 3.24:1 | AA texto grande | Lc -65.1 | Texto de conteúdo, não para leitura longa |
| Texto preto sobre #769958 | 6.46:1 | AA | Lc 44.4 | Elementos que não são texto, texto de placeholder |
| Texto #769958 sobre branco | 3.24:1 | AA texto grande | Lc 59.7 | Texto grande ou em negrito, títulos |
| Texto #769958 sobre preto | 6.46:1 | AA | Lc -42.0 | Elementos que não são texto, texto de placeholder |
Tons claros e escuros de Moss
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 500.
-
Passo 50
50
#F4F6F2
oklch(97.1% 0.006 128.5)
-
Passo 100
100
#E6ECE2
oklch(93.6% 0.015 132.5)
-
Passo 200
200
#D3DDCB
oklch(88.5% 0.027 130.9)
-
Passo 300
300
#B5C8A7
oklch(80.9% 0.05 132)
-
Passo 400
400
#8FAB78
oklch(70.7% 0.078 131.5)
-
Passo 500
500 (esta cor)
#769958
oklch(64.1% 0.099 131.8)
-
Passo 600
600
#5B8039
oklch(55.5% 0.108 131.9)
-
Passo 700
700
#4B6C2B
oklch(49% 0.101 131.7)
-
Passo 800
800
#3E5825
oklch(42.7% 0.083 131.5)
-
Passo 900
900
#354923
oklch(37.8% 0.065 131.6)
-
Passo 950
950
#1F2B15
oklch(27.1% 0.042 132)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Moss 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) | #9E9053 | 0.058 |
| Deuteranopia (sem cones verdes) | #998E5C | 0.058 |
| Tritanopia (sem cones azuis) | #779489 | 0.074 |
| Acromatopsia (sem cor) | #8F8F8F | 0.100 |
Use Moss 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.