Tea #65AB7C
Tea é um verde médio-claro e moderadamente saturado, com código hex #65AB7C e RGB rgb(101, 171, 124).
Aa
O texto preto é o que melhor se lê sobre esta cor (7.66:1).
Sobre esta cor
#65AB7C é um verde médio-claro e moderadamente saturado. Em OKLCH, a luminosidade é 68%, o croma 0.100 e o matiz 154°. O matiz fica entre as metades quente e fria do círculo. É a cor com nome Tea. O texto preto é o que melhor se lê sobre esta cor, com 7.66:1.
| Família de matiz | Verdes |
| Luminosidade | médio-claro (68%) |
| Croma | moderadamente saturado (0.100) |
| Temperatura | intermediário |
| Nome mais próximo | Tea |
| Texto preto | 7.66:1 |
| Texto branco | 2.73:1 |
Cores que combinam com Tea
Combinações obtidas ao girar Tea 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 Tea
Paletas selecionadas que contêm uma cor a menos de ΔE 0.06 (OKLab) de Tea, da mais próxima à mais distante.
Cores com nome parecidas
As oito cores com nome mais próximas de Tea, com a distância ΔE.
- Dusty Green #76A973 ΔE 0.019
- Dull Green #74A662 ΔE 0.032
- Algae #54AC68 ΔE 0.034
- Dark Seafoam Green #3EAF76 ΔE 0.035
- Faded Green #7BB274 ΔE 0.035
- Greeny Blue #42B395 ΔE 0.038
- Greeny Grey #7EA07A ΔE 0.039
- Sage #87AE73 ΔE 0.040
Mais sobre Tea
Como fazer Tea
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 verde
- 2 partes de rosa
- 1 parte de branco
Resultado da receita: #71A575, uma diferença de ΔE 0.019 em relação a Tea. Fica muito próximo: a maioria das pessoas não verá a diferença.
Códigos de Tea em todos os formatos
| HEX | #65AB7C |
| RGB | rgb(101, 171, 124) |
| HSL | hsl(140, 29%, 53%) |
| OKLCH | oklch(68.2% 0.1 153.6) |
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 #65AB7C | 2.73:1 | Não atende | Lc -58.1 | Texto grande ou em negrito, títulos |
| Texto preto sobre #65AB7C | 7.66:1 | AAA | Lc 51.2 | Texto grande ou em negrito, títulos |
| Texto #65AB7C sobre branco | 2.73:1 | Não atende | Lc 52.8 | Texto grande ou em negrito, títulos |
| Texto #65AB7C sobre preto | 7.66:1 | AAA | Lc -49.0 | Texto grande ou em negrito, títulos |
Tons claros e escuros de Tea
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
#F1F7F3
oklch(97.1% 0.008 157.1)
-
Passo 100
100
#E1EEE4
oklch(93.7% 0.019 152.8)
-
Passo 200
200
#C9E0CF
oklch(88.5% 0.034 153.6)
-
Passo 300
300
#A2CDAE
oklch(80.9% 0.063 153.5)
-
Passo 400
400 (esta cor)
#65AB7C
oklch(68.2% 0.1 153.6)
-
Passo 500
500
#3F9F64
oklch(63% 0.127 153.5)
-
Passo 600
600
#0B8A4B
oklch(55.7% 0.139 153.5)
-
Passo 700
700
#00743D
oklch(49% 0.125 153.5)
-
Passo 800
800
#045F32
oklch(42.7% 0.106 153.7)
-
Passo 900
900
#144E2C
oklch(37.7% 0.083 153.5)
-
Passo 950
950
#0E2E1A
oklch(27.1% 0.053 153.4)
Exporte esta escala para o Tailwind na ferramenta de cores do Tailwind
Tea 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) | #ABA179 | 0.088 |
| Deuteranopia (sem cones verdes) | #A0997F | 0.087 |
| Tritanopia (sem cones azuis) | #57A99E | 0.051 |
| Acromatopsia (sem cor) | #9C9C9C | 0.100 |
Use Tea 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.