Guía de color
Color Coral
#F87166
Códigos del color coral
Qué significa el coral
El coral es cálido, orgánico y acogedor. Suaviza el naranja hasta hacerlo amable y motivador.
Cómo usarlo en diseño
Precioso para marcas lifestyle, apps de viaje y estados vacíos amables.
Combinaciones de color con el coral
Armonías calculadas con teoría del color para el matiz base 5°.
Complementario
Contraste máximo: #F87166 + #68ECF8
Análogo
Armonía a ±30°: #F868A4 · #F87166 · #F8BC68
Triádico
Separación de 120°: #F87166 · #68F874 · #7468F8
Tonos del color coral (escala 50–900)
Escala estilo Tailwind generada a partir de #F87166.
Colores que combinan con el coral
Preguntas frecuentes sobre el color coral
¿Cuál es el código HEX del color coral?
Un valor HEX muy usado para el color coral es #F87166, equivalente a rgb(248, 113, 102). Según el tono que busques, puedes ajustar saturación y luminosidad manteniendo el mismo matiz (5°).
¿Qué colores combinan con el coral?
El coral combina muy bien con teal, mint, cream, navy. Su color complementario es #68ECF8, y una combinación triádica clásica añade #68F874 y #7468F8.
¿Es el coral 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 coral en textos o elementos de interfaz.
Crea tu propia paleta en coral
Genera combinaciones armónicas a partir de #F87166 en segundos.
Abrir el generador de paletas