Yellowgreen #BBF90F

Yellowgreen é um verde muito claro e vívido, com código hex #BBF90F e RGB rgb(187, 249, 15).

Aa

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

Sobre esta cor

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

Família de matizVerdes
Luminosidademuito claro (91%)
Cromavívido (0.228)
Temperaturaintermediário
Nome mais próximoYellowgreen
Texto preto16.67:1
Texto branco1.25:1

Cores que combinam com Yellowgreen

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

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

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

Cores com nome parecidas

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

Mais sobre Yellowgreen

Como fazer Yellowgreen

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

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

HEX#BBF90F
RGBrgb(187, 249, 15)
HSLhsl(76, 95%, 52%)
OKLCHoklch(90.7% 0.228 125.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 #BBF90F 1.25:1 Não atende Lc -14.6 Não legível
Texto preto sobre #BBF90F 16.67:1 AAA Lc 91.0 Ideal para texto de corpo
Texto #BBF90F sobre branco 1.25:1 Não atende Lc 12.6 Não legível
Texto #BBF90F sobre preto 16.67:1 AAA Lc -91.3 Ideal para texto de corpo

Tons claros e escuros de Yellowgreen

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

    #EFFBDF

    oklch(97.2% 0.039 126.1)

  2. Passo 100

    100

    #DCF5B7

    oklch(93.7% 0.085 125.8)

  3. Passo 200

    200 (esta cor)

    #BBF90F

    oklch(90.7% 0.228 125.9)

  4. Passo 300

    300

    #A0D600

    oklch(80.8% 0.205 125.8)

  5. Passo 400

    400

    #85B300

    oklch(70.7% 0.18 125.9)

  6. Passo 500

    500

    #729900

    oklch(63.1% 0.16 125.6)

  7. Passo 600

    600

    #5F8100

    oklch(55.7% 0.141 125.9)

  8. Passo 700

    700

    #4F6C00

    oklch(49% 0.125 125.9)

  9. Passo 800

    800

    #405900

    oklch(42.8% 0.109 126.1)

  10. Passo 900

    900

    #354A00

    oklch(37.7% 0.096 125.9)

  11. Passo 950

    950

    #1E2C00

    oklch(27% 0.069 126.1)

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

Yellowgreen 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)#FFE7000.095
Deuteranopia (sem cones verdes)#FFE4380.105
Tritanopia (sem cones azuis)#C4EDD40.185
Acromatopsia (sem cor)#E5E5E50.229

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