Pastel Green #B0FF9D
Pastel Green es un verde muy claro y vívido, con código hex #B0FF9D y RGB rgb(176, 255, 157).
Aa
El texto negro es el que mejor se lee sobre este color (17.63:1).
Sobre este color
#B0FF9D es un verde muy claro y vívido. En OKLCH, su luminosidad es 93%, su croma 0.150 y su matiz 140°. Su matiz queda entre las mitades cálida y fría de la rueda. Es el color con nombre Pastel Green. El texto negro es el que mejor se lee sobre este color, con 17.63:1.
| Familia de matiz | Verdes |
| Luminosidad | muy claro (93%) |
| Croma | vívido (0.150) |
| Temperatura | intermedio |
| Nombre más cercano | Pastel Green |
| Texto negro | 17.63:1 |
| Texto blanco | 1.19:1 |
Colores que combinan con Pastel Green
Combinaciones obtenidas al rotar Pastel 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 Pastel Green
Paletas seleccionadas que contienen un color a menos de ΔE 0.06 (OKLab) de Pastel Green, de la más cercana a la más lejana.
Colores con nombre similares
Los ocho colores con nombre más cercanos a Pastel Green, con su distancia ΔE.
- Pale Light Green #B1FC99 ΔE 0.008
- Light Pastel Green #B2FBA5 ΔE 0.017
- Celery #C1FD95 ΔE 0.018
- Pistachio #C0FA8B ΔE 0.022
- Mint #9FFEB0 ΔE 0.027
- Pale Green #98FB98 ΔE 0.028
- Light Seafoam Green #A7FFB5 ΔE 0.028
- Mint Green #8FFF9F ΔE 0.031
Más sobre Pastel Green
Cómo hacer Pastel 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 blanco
- 1 parte de amarillo
- 1 parte de verde
Resultado de la receta: #BFE994, una diferencia de ΔE 0.055 respecto a Pastel Green. Es parecido; añade un poco más de una de las pinturas para igualarlo.
Códigos de Pastel Green en todos los formatos
| HEX | #B0FF9D |
| RGB | rgb(176, 255, 157) |
| HSL | hsl(108, 100%, 81%) |
| OKLCH | oklch(92.6% 0.15 139.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 #B0FF9D | 1.19:1 | No cumple | Lc -10.7 | No legible |
| Texto negro sobre #B0FF9D | 17.63:1 | AAA | Lc 94.4 | Ideal para texto de cuerpo |
| Texto #B0FF9D sobre blanco | 1.19:1 | No cumple | Lc 9.1 | No legible |
| Texto #B0FF9D sobre negro | 17.63:1 | AAA | Lc -95.1 | Ideal para texto de cuerpo |
Tonos y tintes de Pastel 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 100.
-
Paso 50
50
#EDFAEA
oklch(97.1% 0.025 139.8)
-
Paso 100
100 (este color)
#B0FF9D
oklch(92.6% 0.15 139.6)
-
Paso 200
200
#B4EBA7
oklch(88.5% 0.107 139.7)
-
Paso 300
300
#77DD5C
oklch(80.8% 0.193 139.5)
-
Paso 400
400
#3FBF00
oklch(70.6% 0.226 139.6)
-
Paso 500
500
#35A400
oklch(63.1% 0.201 139.6)
-
Paso 600
600
#2B8A00
oklch(55.6% 0.178 139.6)
-
Paso 700
700
#237400
oklch(49% 0.157 139.6)
-
Paso 800
800
#1B5F00
oklch(42.6% 0.136 139.6)
-
Paso 900
900
#155000
oklch(37.8% 0.121 139.7)
-
Paso 950
950
#093000
oklch(27.1% 0.087 139.7)
Exporta esta escala para Tailwind con la herramienta de colores de Tailwind
Pastel 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) | #FFF096 | 0.098 |
| Deuteranopía (sin conos verdes) | #F9E8A3 | 0.106 |
| Tritanopía (sin conos azules) | #ABF9E7 | 0.101 |
| Acromatopsia (sin color) | #EBEBEB | 0.151 |
Usa Pastel 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.