Spearmint #1EF876

Spearmint é um verde claro e vívido, com código hex #1EF876 e RGB rgb(30, 248, 118).

Aa

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

Sobre esta cor

#1EF876 é um verde claro e vívido. Em OKLCH, a luminosidade é 86%, o croma 0.232 e o matiz 150°. O matiz fica entre as metades quente e fria do círculo. É a cor com nome Spearmint. O texto preto é o que melhor se lê sobre esta cor, com 14.74:1.

Família de matizVerdes
Luminosidadeclaro (86%)
Cromavívido (0.232)
Temperaturaintermediário
Nome mais próximoSpearmint
Texto preto14.74:1
Texto branco1.42:1

Cores que combinam com Spearmint

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

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

Cores com nome parecidas

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

Mais sobre Spearmint

Como fazer Spearmint

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 branco
  • 1 parte de amarelo
  • 1 parte de verde

Resultado da receita: #AAE079, uma diferença de ΔE 0.106 em relação a Spearmint. Spearmint é mais intenso do que estas tintas conseguem misturar, então comece com uma tinta verde pronta e ajuste.

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

Códigos de Spearmint em todos os formatos

HEX#1EF876
RGBrgb(30, 248, 118)
HSLhsl(144, 94%, 55%)
OKLCHoklch(85.7% 0.232 149.7)

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 #1EF876 1.42:1 Não atende Lc -22.4 Apenas divisores e decoração
Texto preto sobre #1EF876 14.74:1 AAA Lc 84.0 Bom para texto de corpo
Texto #1EF876 sobre branco 1.42:1 Não atende Lc 19.7 Apenas divisores e decoração
Texto #1EF876 sobre preto 14.74:1 AAA Lc -83.8 Bom para texto de corpo

Tons claros e escuros de Spearmint

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 200.

  1. Passo 50

    50

    #E4FEE8

    oklch(97.2% 0.04 149.8)

  2. Passo 100

    100

    #C1FBCB

    oklch(93.6% 0.087 149.6)

  3. Passo 200

    200 (esta cor)

    #1EF876

    oklch(85.7% 0.232 149.7)

  4. Passo 300

    300

    #00E66A

    oklch(80.8% 0.224 149.7)

  5. Passo 400

    400

    #00C058

    oklch(70.6% 0.195 149.8)

  6. Passo 500

    500

    #00A54A

    oklch(63.1% 0.175 149.7)

  7. Passo 600

    600

    #008B3D

    oklch(55.6% 0.154 149.7)

  8. Passo 700

    700

    #007532

    oklch(49.1% 0.137 149.6)

  9. Passo 800

    800

    #006028

    oklch(42.7% 0.119 149.7)

  10. Passo 900

    900

    #005020

    oklch(37.7% 0.105 149.6)

  11. Passo 950

    950

    #003010

    oklch(27% 0.075 149.4)

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

Spearmint 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)#FAE26A0.190
Deuteranopia (sem cones verdes)#E3D2800.187
Tritanopia (sem cones azuis)#00F3DA0.131
Acromatopsia (sem cor)#D8D8D80.234

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