Greenblue #23C48B

Greenblue es un verde medio-claro y vívido, con código hex #23C48B y RGB rgb(35, 196, 139).

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

Sobre este color

#23C48B es un verde medio-claro y vívido. En OKLCH, su luminosidad es 73%, su croma 0.151 y su matiz 163°. Su matiz queda entre las mitades cálida y fría de la rueda. Es el color con nombre Greenblue. El texto negro es el que mejor se lee sobre este color, con 9.34:1.

Familia de matiz	Verdes
Luminosidad	medio-claro (73%)
Croma	vívido (0.151)
Temperatura	intermedio
Nombre más cercano	Greenblue
Texto negro	9.34:1
Texto blanco	2.24:1

Colores que combinan con Greenblue

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

Complementario

El matiz opuesto (180°).

Lavender Pink #E77EC1

Abre la paleta complementaria en el generador

Análogo

Matices vecinos, 30° a cada lado.

Abre la paleta análoga en el generador

Triádico

Tres matices separados por 120°.

Abre la paleta triádica en el generador

Paletas de colores con Greenblue

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

Colores con nombre similares

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

Más sobre Greenblue

Cómo hacer Greenblue

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 azul

Resultado de la receta: #6CBF82, una diferencia de ΔE 0.042 respecto a Greenblue. 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 Greenblue en todos los formatos

HEX	#23C48B
RGB	rgb(35, 196, 139)
HSL	hsl(159, 70%, 45%)
OKLCH	oklch(72.9% 0.151 162.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ón	WCAG 2	Resultado	APCA	Guía APCA
Texto blanco sobre #23C48B	2.24:1	No cumple	Lc -48.6	Texto grande o en negrita, títulos
Texto negro sobre #23C48B	9.34:1	AAA	Lc 60.2	Texto de contenido, no para lecturas largas
Texto #23C48B sobre blanco	2.24:1	No cumple	Lc 43.8	Elementos que no son texto, texto de marcador de posición
Texto #23C48B sobre negro	9.34:1	AAA	Lc -58.4	Texto grande o en negrita, títulos

Tonos y tintes de Greenblue

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

#EEF8F3

oklch(97% 0.012 164.8)
Paso 100
100

#DBF0E5

oklch(93.7% 0.027 163.2)
Paso 200
200

#BBE5CF

oklch(88.6% 0.053 162.3)
Paso 300
300

#86D4AF

oklch(80.9% 0.094 162.8)
Paso 400
400 (este color)

#23C48B

oklch(72.9% 0.151 162.7)
Paso 500
500

#00A271

oklch(63% 0.136 163)
Paso 600
600

#00895E

oklch(55.7% 0.121 162.5)
Paso 700
700

#00734E

oklch(49.1% 0.107 162.4)
Paso 800
800

#005E40

oklch(42.6% 0.092 163.1)
Paso 900
900

#004F34

oklch(37.8% 0.083 162.1)
Paso 950
950

#002F1E

oklch(27% 0.058 163)

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

Greenblue 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)	#C1B588	0.146
Deuteranopía (sin conos verdes)	#AEA78F	0.142
Tritanopía (sin conos azules)	#00C4B5	0.059
Acromatopsia (sin color)	#ADADAD	0.152

Usa Greenblue 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.

Crea un sistema con este color Generar una paleta