Seaweed Green #35AD6B
Seaweed Green es un verde medio-claro y vívido, con código hex #35AD6B y RGB rgb(53, 173, 107).
Aa
El texto negro es el que mejor se lee sobre este color (7.34:1).
Sobre este color
#35AD6B es un verde medio-claro y vívido. En OKLCH, su luminosidad es 67%, su croma 0.144 y su matiz 155°. Su matiz queda entre las mitades cálida y fría de la rueda. Es el color con nombre Seaweed Green. El texto negro es el que mejor se lee sobre este color, con 7.34:1.
| Familia de matiz | Verdes |
| Luminosidad | medio-claro (67%) |
| Croma | vívido (0.144) |
| Temperatura | intermedio |
| Nombre más cercano | Seaweed Green |
| Texto negro | 7.34:1 |
| Texto blanco | 2.86:1 |
Colores que combinan con Seaweed Green
Combinaciones obtenidas al rotar Seaweed 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 Seaweed Green
Paletas seleccionadas que contienen un color a menos de ΔE 0.06 (OKLab) de Seaweed Green, de la más cercana a la más lejana.
Colores con nombre similares
Los ocho colores con nombre más cercanos a Seaweed Green, con su distancia ΔE.
- Jade Green #2BAF6A ΔE 0.008
- Dark Seafoam Green #3EAF76 ΔE 0.016
- Bluey Green #2BB179 ΔE 0.018
- Medium Sea Green #3CB371 ΔE 0.019
- Algae #54AC68 ΔE 0.020
- Green Teal #0CB577 ΔE 0.024
- Dark Seafoam #1FB57A ΔE 0.025
- Jade #1FA774 ΔE 0.027
Más sobre Seaweed Green
Cómo hacer Seaweed 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.
- 2 partes de verde
- 1 parte de blanco
Resultado de la receta: #4BA95A, una diferencia de ΔE 0.021 respecto a Seaweed Green. Es muy parecido: la mayoría de la gente no notará la diferencia.
Códigos de Seaweed Green en todos los formatos
| HEX | #35AD6B |
| RGB | rgb(53, 173, 107) |
| HSL | hsl(147, 53%, 44%) |
| OKLCH | oklch(66.5% 0.144 154.8) |
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 #35AD6B | 2.86:1 | No cumple | Lc -59.7 | Texto grande o en negrita, títulos |
| Texto negro sobre #35AD6B | 7.34:1 | AAA | Lc 49.7 | Texto grande o en negrita, títulos |
| Texto #35AD6B sobre blanco | 2.86:1 | No cumple | Lc 54.4 | Texto grande o en negrita, títulos |
| Texto #35AD6B sobre negro | 7.34:1 | AAA | Lc -47.4 | Texto grande o en negrita, títulos |
Tonos y tintes de Seaweed 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 500.
-
Paso 50
50
#F1F7F3
oklch(97.1% 0.008 157.1)
-
Paso 100
100
#E0EEE4
oklch(93.6% 0.02 154.9)
-
Paso 200
200
#C6E1CE
oklch(88.5% 0.039 154.9)
-
Paso 300
300
#9DCFAD
oklch(81% 0.071 154.8)
-
Paso 400
400
#62B581
oklch(70.6% 0.112 154.8)
-
Paso 500
500 (este color)
#35AD6B
oklch(66.5% 0.144 154.8)
-
Paso 600
600
#008A4D
oklch(55.6% 0.138 154.7)
-
Paso 700
700
#007440
oklch(49.1% 0.122 154.8)
-
Paso 800
800
#005F34
oklch(42.6% 0.105 155.1)
-
Paso 900
900
#004F2A
oklch(37.6% 0.093 154.9)
-
Paso 950
950
#072F19
oklch(27.1% 0.06 154.6)
Exporta esta escala para Tailwind con la herramienta de colores de Tailwind
Seaweed 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) | #AC9F67 | 0.127 |
| Deuteranopía (sin conos verdes) | #9D946F | 0.125 |
| Tritanopía (sin conos azules) | #00AB9C | 0.071 |
| Acromatopsia (sin color) | #999999 | 0.145 |
Usa Seaweed 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.