Green Blue #01C08D

Green Blue es un verde medio-claro y vívido, con código hex #01C08D y RGB rgb(1, 192, 141).

Aa

El texto negro es el que mejor se lee sobre este color (8.92:1).

Sobre este color

#01C08D es un verde medio-claro y vívido. En OKLCH, su luminosidad es 72%, su croma 0.149 y su matiz 166°. Su matiz queda entre las mitades cálida y fría de la rueda. Es el color con nombre Green Blue. El texto negro es el que mejor se lee sobre este color, con 8.92:1.

Familia de matizVerdes
Luminosidadmedio-claro (72%)
Cromavívido (0.149)
Temperaturaintermedio
Nombre más cercanoGreen Blue
Texto negro8.92:1
Texto blanco2.35:1

Colores que combinan con Green Blue

Combinaciones obtenidas al rotar Green Blue por la rueda de matiz de OKLCH, cada una con el nombre más cercano de nuestra lista.

Complementario

El matiz opuesto (180°).

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

Abre la paleta análoga en el generador

Paletas de colores con Green Blue

Paletas seleccionadas que contienen un color a menos de ΔE 0.06 (OKLab) de Green Blue, de la más cercana a la más lejana.

Colores con nombre similares

Los ocho colores con nombre más cercanos a Green Blue, con su distancia ΔE.

Más sobre Green Blue

Cómo hacer Green Blue

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 blanco
  • 1 parte de azul

Resultado de la receta: #65B883, una diferencia de ΔE 0.044 respecto a Green Blue. Es parecido; añade un poco más de una de las pinturas para igualarlo.

¿Qué colores forman el verde? | Tabla de mezcla de colores

Códigos de Green Blue en todos los formatos

HEX#01C08D
RGBrgb(1, 192, 141)
HSLhsl(164, 99%, 38%)
OKLCHoklch(71.6% 0.149 165.7)

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ónWCAG 2ResultadoAPCAGuía APCA
Texto blanco sobre #01C08D 2.35:1 No cumple Lc -50.6 Texto grande o en negrita, títulos
Texto negro sobre #01C08D 8.92:1 AAA Lc 58.3 Texto grande o en negrita, títulos
Texto #01C08D sobre blanco 2.35:1 No cumple Lc 45.7 Texto grande o en negrita, títulos
Texto #01C08D sobre negro 8.92:1 AAA Lc -56.4 Texto grande o en negrita, títulos

Tonos y tintes de Green Blue

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.

  1. Paso 50

    50

    #EEF8F3

    oklch(97% 0.012 164.8)

  2. Paso 100

    100

    #DAF0E6

    oklch(93.6% 0.027 166.8)

  3. Paso 200

    200

    #BAE5D1

    oklch(88.6% 0.052 165.3)

  4. Paso 300

    300

    #84D4B2

    oklch(80.9% 0.093 165.4)

  5. Paso 400

    400 (este color)

    #01C08D

    oklch(71.6% 0.149 165.7)

  6. Paso 500

    500

    #00A276

    oklch(63.1% 0.132 165.5)

  7. Paso 600

    600

    #008863

    oklch(55.6% 0.116 165.8)

  8. Paso 700

    700

    #007353

    oklch(49.2% 0.103 165.6)

  9. Paso 800

    800

    #005E43

    oklch(42.7% 0.089 165.5)

  10. Paso 900

    900

    #004E37

    oklch(37.6% 0.079 165.5)

  11. Paso 950

    950

    #002F20

    oklch(27.1% 0.056 165.8)

Exporta esta escala para Tailwind con la herramienta de colores de Tailwind

Green Blue 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ónSe ve comoCambio (ΔE)
Protanopía (sin conos rojos)#BCB18A0.148
Deuteranopía (sin conos verdes)#A8A3900.143
Tritanopía (sin conos azules)#00C0B20.053
Acromatopsia (sin color)#A9A9A90.150

Usa Green Blue 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.