Guía de color

Color Turquesa

#40E0D0

Códigos del color turquesa

HEX
#40E0D0
RGB
rgb(64, 224, 208)
HSL
hsl(174, 72%, 56%)
OKLCH
oklch(89% 0.04 240)

Qué significa el turquesa

El turquesa evoca mares tropicales y claridad. Refresca y abre los diseños densos.

Cómo usarlo en diseño

Genial para viajes, bienestar y campañas de verano. Necesita texto oscuro para contraste accesible.

Combinaciones de color con el turquesa

Armonías calculadas con teoría del color para el matiz base 174°.

Complementario

Contraste máximo: #40E0D0 + #E03E4E

Abrir en el editor

Análogo

Armonía a ±30°: #3EE07F · #40E0D0 · #3E9FE0

Triádico

Separación de 120°: #40E0D0 · #CF3EE0 · #E0CF3E

Tonos del color turquesa (escala 50–900)

Escala estilo Tailwind generada a partir de #40E0D0.

50 #0F2B28
100 #11302D
200 #174641
300 #1F6C64
400 #26A599
500 #3EE0CF
600 #8BE5DC
700 #C3EEEA
800 #E7F7F6
900 #FCFEFE

Preguntas frecuentes sobre el color turquesa

¿Cuál es el código HEX del color turquesa?

Un valor HEX muy usado para el color turquesa es #40E0D0, equivalente a rgb(64, 224, 208). Según el tono que busques, puedes ajustar saturación y luminosidad manteniendo el mismo matiz (174°).

¿Qué colores combinan con el turquesa?

El turquesa combina muy bien con coral, navy, sand, charcoal. Su color complementario es #E03E4E, y una combinación triádica clásica añade #CF3EE0 y #E0CF3E.

¿Es el turquesa accesible para textos y fondos?

Depende del ratio de contraste frente al otro color. Usa el verificador de contraste de NanoPalettes para comprobar el cumplimiento WCAG AA (4.5:1) y AAA (7:1) antes de usar el turquesa en textos o elementos de interfaz.

Crea tu propia paleta en turquesa

Genera combinaciones armónicas a partir de #40E0D0 en segundos.

Abrir el generador de paletas