Sage Green #88B378

Sage Green é um verde médio-claro e moderadamente saturado, com código hex #88B378 e RGB rgb(136, 179, 120).

Aa

O texto preto é o que melhor se lê sobre esta cor (8.76:1).

Sobre esta cor

#88B378 é um verde médio-claro e moderadamente saturado. Em OKLCH, a luminosidade é 72%, o croma 0.095 e o matiz 137°. O matiz fica entre as metades quente e fria do círculo. É a cor com nome Sage Green. O texto preto é o que melhor se lê sobre esta cor, com 8.76:1.

Família de matizVerdes
Luminosidademédio-claro (72%)
Cromamoderadamente saturado (0.095)
Temperaturaintermediário
Nome mais próximoSage Green
Texto preto8.76:1
Texto branco2.39:1

Cores que combinam com Sage Green

Combinações obtidas ao girar Sage 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

Paletas de cores com Sage Green

Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Sage Green, da mais próxima à mais distante.

Cores com nome parecidas

As oito cores com nome mais próximas de Sage Green, com a distância ΔE.

Mais sobre Sage Green

Como fazer Sage 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.

  • 4 partes de verde
  • 4 partes de branco
  • 1 parte de vermelho

Resultado da receita: #7EB77E, uma diferença de ΔE 0.014 em relação a Sage 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 Sage Green em todos os formatos

HEX#88B378
RGBrgb(136, 179, 120)
HSLhsl(104, 28%, 59%)
OKLCHoklch(72.1% 0.095 137.4)

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 #88B378 2.39:1 Não atende Lc -52.1 Texto grande ou em negrito, títulos
Texto preto sobre #88B378 8.76:1 AAA Lc 56.8 Texto grande ou em negrito, títulos
Texto #88B378 sobre branco 2.39:1 Não atende Lc 47.1 Texto grande ou em negrito, títulos
Texto #88B378 sobre preto 8.76:1 AAA Lc -54.9 Texto grande ou em negrito, títulos

Tons claros e escuros de Sage 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 400.

  1. Passo 50

    50

    #F3F7F2

    oklch(97.2% 0.008 139.4)

  2. Passo 100

    100

    #E5EDE2

    oklch(93.7% 0.017 137)

  3. Passo 200

    200

    #CFDFCA

    oklch(88.6% 0.033 138.2)

  4. Passo 300

    300

    #AFCAA5

    oklch(80.9% 0.059 137.3)

  5. Passo 400

    400 (esta cor)

    #88B378

    oklch(72.1% 0.095 137.4)

  6. Passo 500

    500

    #649A4F

    oklch(63% 0.12 137.5)

  7. Passo 600

    600

    #4A8431

    oklch(55.5% 0.131 137.5)

  8. Passo 700

    700

    #3B7023

    oklch(49.1% 0.123 137.4)

  9. Passo 800

    800

    #315B1F

    oklch(42.6% 0.101 137.5)

  10. Passo 900

    900

    #2C4B1F

    oklch(37.7% 0.079 137.3)

  11. Passo 950

    950

    #1A2C13

    oklch(27% 0.05 137.5)

Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind

Sage 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)#B7AA740.064
Deuteranopia (sem cones verdes)#B0A67B0.063
Tritanopia (sem cones azuis)#87AFA40.066
Acromatopsia (sem cor)#A7A7A70.095

Use Sage 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.