Light Yellow Green #CCFD7F

Light Yellow Green é um verde muito claro e vívido, com código hex #CCFD7F e RGB rgb(204, 253, 127).

Aa

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

Sobre esta cor

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

Família de matizVerdes
Luminosidademuito claro (93%)
Cromavívido (0.163)
Temperaturaintermediário
Nome mais próximoLight Yellow Green
Texto preto17.92:1
Texto branco1.17:1

Cores que combinam com Light Yellow Green

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

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

Cores com nome parecidas

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

Mais sobre Light Yellow Green

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

Resultado da receita: #CFEB7D, uma diferença de ΔE 0.047 em relação a Light Yellow Green. Fica próximo; acrescente um pouco mais de uma das tintas para igualar.

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

Códigos de Light Yellow Green em todos os formatos

HEX#CCFD7F
RGBrgb(204, 253, 127)
HSLhsl(83, 97%, 75%)
OKLCHoklch(93.4% 0.163 126.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 #CCFD7F 1.17:1 Não atende Lc -9.5 Não legível
Texto preto sobre #CCFD7F 17.92:1 AAA Lc 95.4 Ideal para texto de corpo
Texto #CCFD7F sobre branco 1.17:1 Não atende Lc 8.1 Não legível
Texto #CCFD7F sobre preto 17.92:1 AAA Lc -96.2 Ideal para texto de corpo

Tons claros e escuros de Light Yellow 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 100.

  1. Passo 50

    50

    #F0F9E5

    oklch(97% 0.028 126.8)

  2. Passo 100

    100 (esta cor)

    #CCFD7F

    oklch(93.4% 0.163 126.9)

  3. Passo 200

    200

    #C5E892

    oklch(88.6% 0.117 126.7)

  4. Passo 300

    300

    #9DD700

    oklch(80.9% 0.208 126.7)

  5. Passo 400

    400

    #82B400

    oklch(70.8% 0.182 127)

  6. Passo 500

    500

    #6F9A00

    oklch(63.1% 0.162 126.9)

  7. Passo 600

    600

    #5D8100

    oklch(55.5% 0.142 126.6)

  8. Passo 700

    700

    #4D6D00

    oklch(49.1% 0.127 127.1)

  9. Passo 800

    800

    #3F5900

    oklch(42.7% 0.11 126.7)

  10. Passo 900

    900

    #344A00

    oklch(37.7% 0.097 126.5)

  11. Passo 950

    950

    #1D2C00

    oklch(26.9% 0.069 127)

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

Light Yellow 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)#FFEF740.069
Deuteranopia (sem cones verdes)#FFEC870.079
Tritanopia (sem cones azuis)#D2F3E00.129
Acromatopsia (sem cor)#EDEDED0.164

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