Tea #65AB7C
Tea es un verde medio-claro y moderadamente saturado, con código hex #65AB7C y RGB rgb(101, 171, 124).
Aa
El texto negro es el que mejor se lee sobre este color (7.66:1).
Sobre este color
#65AB7C es un verde medio-claro y moderadamente saturado. En OKLCH, su luminosidad es 68%, su croma 0.100 y su matiz 154°. Su matiz queda entre las mitades cálida y fría de la rueda. Es el color con nombre Tea. El texto negro es el que mejor se lee sobre este color, con 7.66:1.
| Familia de matiz | Verdes |
| Luminosidad | medio-claro (68%) |
| Croma | moderadamente saturado (0.100) |
| Temperatura | intermedio |
| Nombre más cercano | Tea |
| Texto negro | 7.66:1 |
| Texto blanco | 2.73:1 |
Colores que combinan con Tea
Combinaciones obtenidas al rotar Tea por la rueda de matiz de OKLCH, cada una con el nombre más cercano de nuestra lista.
Complementario
El matiz opuesto (180°).
Análogo
Matices vecinos, 30° a cada lado.
Triádico
Tres matices separados por 120°.
Paletas de colores con Tea
Paletas seleccionadas que contienen un color a menos de ΔE 0.06 (OKLab) de Tea, de la más cercana a la más lejana.
Colores con nombre similares
Los ocho colores con nombre más cercanos a Tea, con su distancia Δ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
Más sobre Tea
Cómo hacer Tea
Una receta inicial con colores de pintura comunes, calculada con un modelo espectral de pintura (el modo pintura del mezclador). Los pigmentos reales varían: mezcla primero una pequeña prueba y ajusta.
- 2 partes de verde
- 2 partes de rosa
- 1 parte de blanco
Resultado de la receta: #71A575, una diferencia de ΔE 0.019 respecto a Tea. Es muy parecido: la mayoría de la gente no notará la diferencia.
Códigos de Tea en todos los formatos
| HEX | #65AB7C |
| RGB | rgb(101, 171, 124) |
| HSL | hsl(140, 29%, 53%) |
| OKLCH | oklch(68.2% 0.1 153.6) |
Contraste
Las relaciones de contraste de WCAG 2 son el objetivo de conformidad: AA exige 4.5:1 para texto de cuerpo y 3:1 para texto grande; AAA exige 7:1. Los valores Lc de APCA son una guía complementaria de los borradores de WCAG 3.
| Combinación | WCAG 2 | Resultado | APCA | Guía APCA |
|---|---|---|---|---|
| Texto blanco sobre #65AB7C | 2.73:1 | No cumple | Lc -58.1 | Texto grande o en negrita, títulos |
| Texto negro sobre #65AB7C | 7.66:1 | AAA | Lc 51.2 | Texto grande o en negrita, títulos |
| Texto #65AB7C sobre blanco | 2.73:1 | No cumple | Lc 52.8 | Texto grande o en negrita, títulos |
| Texto #65AB7C sobre negro | 7.66:1 | AAA | Lc -49.0 | Texto grande o en negrita, títulos |
Tonos y tintes de Tea
Una escala de 50 a 950 creada en OKLCH: el matiz se mantiene, la luminosidad sigue una curva parecida a la de Tailwind v4 y cada paso permanece dentro de la gama sRGB. Este color está en el paso 400.
-
Paso 50
50
#F1F7F3
oklch(97.1% 0.008 157.1)
-
Paso 100
100
#E1EEE4
oklch(93.7% 0.019 152.8)
-
Paso 200
200
#C9E0CF
oklch(88.5% 0.034 153.6)
-
Paso 300
300
#A2CDAE
oklch(80.9% 0.063 153.5)
-
Paso 400
400 (este color)
#65AB7C
oklch(68.2% 0.1 153.6)
-
Paso 500
500
#3F9F64
oklch(63% 0.127 153.5)
-
Paso 600
600
#0B8A4B
oklch(55.7% 0.139 153.5)
-
Paso 700
700
#00743D
oklch(49% 0.125 153.5)
-
Paso 800
800
#045F32
oklch(42.7% 0.106 153.7)
-
Paso 900
900
#144E2C
oklch(37.7% 0.083 153.5)
-
Paso 950
950
#0E2E1A
oklch(27.1% 0.053 153.4)
Exporta esta escala para Tailwind con la herramienta de colores de Tailwind
Tea con daltonismo
Simulado con el modelo de Machado et al. (2009). ΔE es cuánto se desplaza el color: por debajo de 0.02 aproximadamente no notarías el cambio.
| Visión | Se ve como | Cambio (ΔE) |
|---|---|---|
| Protanopía (sin conos rojos) | #ABA179 | 0.088 |
| Deuteranopía (sin conos verdes) | #A0997F | 0.087 |
| Tritanopía (sin conos azules) | #57A99E | 0.051 |
| Acromatopsia (sin color) | #9C9C9C | 0.100 |
Usa Tea en tu producto
Conviértelo en roles de interfaz claros y oscuros con el contraste verificado y expórtalos a Tailwind v4, shadcn/ui, CSS o design tokens.