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 matizVerdes
Luminosidademédio-escuro (59%)
Cromamoderadamente saturado (0.135)
Temperaturaintermediário
Nome mais próximoMossy Green
Texto preto5.25:1
Texto branco3.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.

Complementar

O matiz oposto (180°).

Abra a paleta complementar no gerador

Análogo

Matizes vizinhos, 30° para cada lado.

Abra a paleta análoga no gerador

Tríade

Três matizes espaçados em 120°.

Abra a paleta em tríade no gerador

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.

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.

Que cores formam o verde? | Tabela de mistura de cores

Códigos de Mossy Green em todos os formatos

HEX#638B27
RGBrgb(99, 139, 39)
HSLhsl(84, 56%, 35%)
OKLCHoklch(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çãoWCAG 2ResultadoAPCAOrientaçã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.

  1. Passo 50

    50

    #F4F7F1

    oklch(97.2% 0.009 128.6)

  2. Passo 100

    100

    #E6ECE0

    oklch(93.5% 0.017 128.7)

  3. Passo 200

    200

    #D2DEC7

    oklch(88.5% 0.034 129.7)

  4. Passo 300

    300

    #B5C99F

    oklch(81% 0.061 128.4)

  5. Passo 400

    400

    #8EAD6A

    oklch(70.8% 0.098 128.9)

  6. Passo 500

    500

    #729840

    oklch(63.2% 0.125 129)

  7. Passo 600

    600 (esta cor)

    #638B27

    oklch(58.7% 0.135 128.9)

  8. Passo 700

    700

    #4A6D0A

    oklch(49% 0.125 128.8)

  9. Passo 800

    800

    #3D590F

    oklch(42.6% 0.103 128.8)

  10. Passo 900

    900

    #344A16

    oklch(37.8% 0.081 129.2)

  11. 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ãoVista comoMudança (ΔE)
Protanopia (sem cones vermelhos)#9281170.068
Deuteranopia (sem cones verdes)#8C7E300.070
Tritanopia (sem cones azuis)#6685770.105
Acromatopsia (sem cor)#7F7F7F0.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.