Soft Green #6FC276
Soft Green é um verde médio-claro e moderadamente saturado, com código hex #6FC276 e RGB rgb(111, 194, 118).
Aa
O texto preto é o que melhor se lê sobre esta cor (9.65:1).
Sobre esta cor
#6FC276 é um verde médio-claro e moderadamente saturado. Em OKLCH, a luminosidade é 74%, o croma 0.135 e o matiz 146°. O matiz fica entre as metades quente e fria do círculo. É a cor com nome Soft Green. O texto preto é o que melhor se lê sobre esta cor, com 9.65:1.
| Família de matiz | Verdes |
| Luminosidade | médio-claro (74%) |
| Croma | moderadamente saturado (0.135) |
| Temperatura | intermediário |
| Nome mais próximo | Soft Green |
| Texto preto | 9.65:1 |
| Texto branco | 2.17:1 |
Cores que combinam com Soft Green
Combinações obtidas ao girar Soft Green pela roda de matiz do OKLCH, cada uma com o nome mais próximo da nossa lista.
Análogo
Matizes vizinhos, 30° para cada lado.
Tríade
Três matizes espaçados em 120°.
Paletas de cores com Soft Green
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Soft Green, da mais próxima à mais distante.
Cores com nome parecidas
As oito cores com nome mais próximas de Soft Green, com a distância ΔE.
- Dark Mint #48C072 ΔE 0.033
- Turtle Green #75B84F ΔE 0.043
- Faded Green #7BB274 ΔE 0.045
- Boring Green #63B365 ΔE 0.046
- Greenblue #23C48B ΔE 0.047
- Lichen #8FB67B ΔE 0.048
- Sage Green #88B378 ΔE 0.049
- Algae Green #21C36F ΔE 0.050
Mais sobre Soft Green
Como fazer Soft 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.
- 3 partes de verde
- 3 partes de branco
- 1 parte de laranja
Resultado da receita: #78C276, uma diferença de ΔE 0.009 em relação a Soft Green. Fica muito próximo: a maioria das pessoas não verá a diferença.
Códigos de Soft Green em todos os formatos
| HEX | #6FC276 |
| RGB | rgb(111, 194, 118) |
| HSL | hsl(125, 40%, 60%) |
| OKLCH | oklch(74.2% 0.135 145.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ção | WCAG 2 | Resultado | APCA | Orientação APCA |
|---|---|---|---|---|
| Texto branco sobre #6FC276 | 2.17:1 | Não atende | Lc -47.3 | Texto grande ou em negrito, títulos |
| Texto preto sobre #6FC276 | 9.65:1 | AAA | Lc 61.4 | Texto de conteúdo, não para leitura longa |
| Texto #6FC276 sobre branco | 2.17:1 | Não atende | Lc 42.6 | Elementos que não são texto, texto de placeholder |
| Texto #6FC276 sobre preto | 9.65:1 | AAA | Lc -59.6 | Texto grande ou em negrito, títulos |
Tons claros e escuros de Soft 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.
-
Passo 50
50
#F1F8F1
oklch(97.2% 0.012 145.5)
-
Passo 100
100
#E0EFE0
oklch(93.7% 0.026 145.4)
-
Passo 200
200
#C6E2C7
oklch(88.5% 0.047 146.1)
-
Passo 300
300
#9ED0A0
oklch(81% 0.085 145.7)
-
Passo 400
400 (esta cor)
#6FC276
oklch(74.2% 0.135 145.9)
-
Passo 500
500
#2CA341
oklch(63% 0.172 145.9)
-
Passo 600
600
#008C2A
oklch(55.7% 0.171 145.8)
-
Passo 700
700
#007622
oklch(49.2% 0.151 145.8)
-
Passo 800
800
#00601A
oklch(42.5% 0.131 145.8)
-
Passo 900
900
#045016
oklch(37.6% 0.113 145.8)
-
Passo 950
950
#082F0F
oklch(26.9% 0.071 146.3)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Soft 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ão | Vista como | Mudança (ΔE) |
|---|---|---|
| Protanopia (sem cones vermelhos) | #C4B571 | 0.105 |
| Deuteranopia (sem cones verdes) | #B8AD7B | 0.104 |
| Tritanopia (sem cones azuis) | #63BEAF | 0.081 |
| Acromatopsia (sem cor) | #B0B0B0 | 0.136 |
Use Soft 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.