Soft Green #6FC276
Soft Green es un verde medio-claro y moderadamente saturado, con código hex #6FC276 y RGB rgb(111, 194, 118).
Aa
El texto negro es el que mejor se lee sobre este color (9.65:1).
Sobre este color
#6FC276 es un verde medio-claro y moderadamente saturado. En OKLCH, su luminosidad es 74%, su croma 0.135 y su matiz 146°. Su matiz queda entre las mitades cálida y fría de la rueda. Es el color con nombre Soft Green. El texto negro es el que mejor se lee sobre este color, con 9.65:1.
| Familia de matiz | Verdes |
| Luminosidad | medio-claro (74%) |
| Croma | moderadamente saturado (0.135) |
| Temperatura | intermedio |
| Nombre más cercano | Soft Green |
| Texto negro | 9.65:1 |
| Texto blanco | 2.17:1 |
Colores que combinan con Soft Green
Combinaciones obtenidas al rotar Soft Green 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 Soft Green
Paletas seleccionadas que contienen un color a menos de ΔE 0.06 (OKLab) de Soft Green, de la más cercana a la más lejana.
Colores con nombre similares
Los ocho colores con nombre más cercanos a Soft Green, con su distancia Δ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
Más sobre Soft Green
Cómo hacer Soft Green
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.
- 3 partes de verde
- 3 partes de blanco
- 1 parte de naranja
Resultado de la receta: #78C276, una diferencia de ΔE 0.009 respecto a Soft Green. Es muy parecido: la mayoría de la gente no notará la diferencia.
Códigos de Soft Green en todos los formatos
| HEX | #6FC276 |
| RGB | rgb(111, 194, 118) |
| HSL | hsl(125, 40%, 60%) |
| OKLCH | oklch(74.2% 0.135 145.9) |
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 #6FC276 | 2.17:1 | No cumple | Lc -47.3 | Texto grande o en negrita, títulos |
| Texto negro sobre #6FC276 | 9.65:1 | AAA | Lc 61.4 | Texto de contenido, no para lecturas largas |
| Texto #6FC276 sobre blanco | 2.17:1 | No cumple | Lc 42.6 | Elementos que no son texto, texto de marcador de posición |
| Texto #6FC276 sobre negro | 9.65:1 | AAA | Lc -59.6 | Texto grande o en negrita, títulos |
Tonos y tintes de Soft Green
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
#F1F8F1
oklch(97.2% 0.012 145.5)
-
Paso 100
100
#E0EFE0
oklch(93.7% 0.026 145.4)
-
Paso 200
200
#C6E2C7
oklch(88.5% 0.047 146.1)
-
Paso 300
300
#9ED0A0
oklch(81% 0.085 145.7)
-
Paso 400
400 (este color)
#6FC276
oklch(74.2% 0.135 145.9)
-
Paso 500
500
#2CA341
oklch(63% 0.172 145.9)
-
Paso 600
600
#008C2A
oklch(55.7% 0.171 145.8)
-
Paso 700
700
#007622
oklch(49.2% 0.151 145.8)
-
Paso 800
800
#00601A
oklch(42.5% 0.131 145.8)
-
Paso 900
900
#045016
oklch(37.6% 0.113 145.8)
-
Paso 950
950
#082F0F
oklch(26.9% 0.071 146.3)
Exporta esta escala para Tailwind con la herramienta de colores de Tailwind
Soft Green 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) | #C4B571 | 0.105 |
| Deuteranopía (sin conos verdes) | #B8AD7B | 0.104 |
| Tritanopía (sin conos azules) | #63BEAF | 0.081 |
| Acromatopsia (sin color) | #B0B0B0 | 0.136 |
Usa Soft Green 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.