Dark Seafoam Green #3EAF76
Dark Seafoam Green es un verde medio-claro y moderadamente saturado, con código hex #3EAF76 y RGB rgb(62, 175, 118).
Aa
El texto negro es el que mejor se lee sobre este color (7.59:1).
Sobre este color
#3EAF76 es un verde medio-claro y moderadamente saturado. En OKLCH, su luminosidad es 68%, su croma 0.133 y su matiz 158°. Su matiz queda entre las mitades cálida y fría de la rueda. Es el color con nombre Dark Seafoam Green. El texto negro es el que mejor se lee sobre este color, con 7.59:1.
| Familia de matiz | Verdes |
| Luminosidad | medio-claro (68%) |
| Croma | moderadamente saturado (0.133) |
| Temperatura | intermedio |
| Nombre más cercano | Dark Seafoam Green |
| Texto negro | 7.59:1 |
| Texto blanco | 2.76:1 |
Colores que combinan con Dark Seafoam Green
Combinaciones obtenidas al rotar Dark Seafoam 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 Dark Seafoam Green
Paletas seleccionadas que contienen un color a menos de ΔE 0.06 (OKLab) de Dark Seafoam Green, de la más cercana a la más lejana.
Colores con nombre similares
Los ocho colores con nombre más cercanos a Dark Seafoam Green, con su distancia ΔE.
- Bluey Green #2BB179 ΔE 0.009
- Medium Sea Green #3CB371 ΔE 0.015
- Seaweed Green #35AD6B ΔE 0.016
- Dark Seafoam #1FB57A ΔE 0.019
- Algae #54AC68 ΔE 0.020
- Jade Green #2BAF6A ΔE 0.020
- Green Teal #0CB577 ΔE 0.022
- Jade #1FA774 ΔE 0.030
Más sobre Dark Seafoam Green
Cómo hacer Dark Seafoam 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
- 2 partes de blanco
- 1 parte de azul
Resultado de la receta: #53AD6A, una diferencia de ΔE 0.018 respecto a Dark Seafoam Green. Es muy parecido: la mayoría de la gente no notará la diferencia.
Códigos de Dark Seafoam Green en todos los formatos
| HEX | #3EAF76 |
| RGB | rgb(62, 175, 118) |
| HSL | hsl(150, 48%, 46%) |
| OKLCH | oklch(67.5% 0.133 157.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 #3EAF76 | 2.76:1 | No cumple | Lc -58.3 | Texto grande o en negrita, títulos |
| Texto negro sobre #3EAF76 | 7.59:1 | AAA | Lc 51.0 | Texto grande o en negrita, títulos |
| Texto #3EAF76 sobre blanco | 2.76:1 | No cumple | Lc 53.0 | Texto grande o en negrita, títulos |
| Texto #3EAF76 sobre negro | 7.59:1 | AAA | Lc -48.8 | Texto grande o en negrita, títulos |
Tonos y tintes de Dark Seafoam 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
#F0F8F2
oklch(97.1% 0.012 153.7)
-
Paso 100
100
#DDEFE4
oklch(93.6% 0.024 159.1)
-
Paso 200
200
#C1E3CD
oklch(88.5% 0.047 156.9)
-
Paso 300
300
#93D1AC
oklch(80.8% 0.082 157.8)
-
Paso 400
400 (este color)
#3EAF76
oklch(67.5% 0.133 157.6)
-
Paso 500
500
#00A365
oklch(63% 0.148 157.8)
-
Paso 600
600
#008954
oklch(55.5% 0.13 157.7)
-
Paso 700
700
#007446
oklch(49.2% 0.116 157.5)
-
Paso 800
800
#005F38
oklch(42.7% 0.101 157.3)
-
Paso 900
900
#004F2E
oklch(37.6% 0.089 157.5)
-
Paso 950
950
#002F1A
oklch(26.9% 0.063 158.2)
Exporta esta escala para Tailwind con la herramienta de colores de Tailwind
Dark Seafoam 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) | #AEA272 | 0.123 |
| Deuteranopía (sin conos verdes) | #9F977A | 0.120 |
| Tritanopía (sin conos azules) | #00AEA0 | 0.061 |
| Acromatopsia (sin color) | #9B9B9B | 0.134 |
Usa Dark Seafoam 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.