Green Yellow #ADFF2F

Green Yellow é um verde muito claro e vívido, com código hex #ADFF2F e RGB rgb(173, 255, 47).

Aa

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

Sobre esta cor

#ADFF2F é um verde muito claro e vívido. Em OKLCH, a luminosidade é 91%, o croma 0.233 e o matiz 130°. O matiz fica entre as metades quente e fria do círculo. É a cor com nome Green Yellow. O texto preto é o que melhor se lê sobre esta cor, com 17.12:1.

Família de matizVerdes
Luminosidademuito claro (91%)
Cromavívido (0.233)
Temperaturaintermediário
Nome mais próximoGreen Yellow
Texto preto17.12:1
Texto branco1.22:1

Cores que combinam com Green Yellow

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

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

Ainda nenhuma paleta selecionada tem uma cor a menos de ΔE 0.06 de Green Yellow.

Cores com nome parecidas

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

Mais sobre Green Yellow

Como fazer Green Yellow

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

Resultado da receita: #C6E56A, uma diferença de ΔE 0.094 em relação a Green Yellow. Green Yellow é 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 Green Yellow em todos os formatos

HEX#ADFF2F
RGBrgb(173, 255, 47)
HSLhsl(84, 100%, 59%)
OKLCHoklch(91.3% 0.233 130)

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 #ADFF2F 1.22:1 Não atende Lc -12.7 Não legível
Texto preto sobre #ADFF2F 17.12:1 AAA Lc 92.7 Ideal para texto de corpo
Texto #ADFF2F sobre branco 1.22:1 Não atende Lc 10.9 Não legível
Texto #ADFF2F sobre preto 17.12:1 AAA Lc -93.2 Ideal para texto de corpo

Tons claros e escuros de Green Yellow

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

  1. Passo 50

    50

    #EDFBDF

    oklch(97% 0.04 128.9)

  2. Passo 100

    100 (esta cor)

    #ADFF2F

    oklch(91.3% 0.233 130)

  3. Passo 200

    200

    #B4EF72

    oklch(88.6% 0.167 130.1)

  4. Passo 300

    300

    #90DA00

    oklch(80.8% 0.218 130)

  5. Passo 400

    400

    #78B600

    oklch(70.7% 0.19 129.9)

  6. Passo 500

    500

    #669C00

    oklch(63% 0.17 129.9)

  7. Passo 600

    600

    #558300

    oklch(55.5% 0.149 129.9)

  8. Passo 700

    700

    #476E00

    oklch(49% 0.131 129.8)

  9. Passo 800

    800

    #395A00

    oklch(42.6% 0.114 129.9)

  10. Passo 900

    900

    #2F4B00

    oklch(37.6% 0.101 129.8)

  11. Passo 950

    950

    #1A2D00

    oklch(27% 0.073 130.1)

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

Green Yellow 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)#FFEC000.106
Deuteranopia (sem cones verdes)#FFE6480.121
Tritanopia (sem cones azuis)#B2F4DA0.181
Acromatopsia (sem cor)#E8E8E80.234

Use Green Yellow 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.