ColorConvert.netColor Convert

Color: Coral Claro

Información completa del color y herramientas de conversión para Coral Claro

Categoría: red
Fuente del Color: web
Luminancia: 35.5%
Formatos de Color

Convierta Coral Claro a todos los formatos de color principales. Haga clic en cualquier valor para copiar al portapapeles.

HEX
#F08080
RGB
240, 128, 128
HSL
0, 79, 72
HSV
0, 47, 94
CMYK
0, 47, 47, 6
LAB
66, 43, 20
Accesibilidad y Contraste

Pruebe Coral Claro para cumplimiento de accesibilidad y relaciones de contraste de color.

Relaciones de Contraste Básicas

Coral Claro on White
2.59:1
Coral Claro on Black
8.10:1

Cumplimiento WCAG 2.1

Estándar AA (Texto Normal)

Relación requerida: 4.5:1

PASS
Estándar AA (Texto Grande)

Relación requerida: 3:1

PASS
Estándar AAA (Texto Normal)

Relación requerida: 7:1

PASS
Estándar AAA (Texto Grande)

Relación requerida: 4.5:1

PASS

Recomendaciones de Uso

✓ Excelente para accesibilidad

Este color cumple con los estándares AAA y es adecuado para todos los tamaños de texto y elementos UI.

Color de texto recomendado: Use texto #000000 para legibilidad óptima en fondos Coral Claro.

Colores Similares

Colores similares a Coral Claro basados en matiz y saturación.

Herramientas de Color

Herramientas profesionales para trabajar con Coral Claro y crear esquemas de color.

Acerca del Color Coral Claro

El color Coral Claro (#F08080) es un color red que pertenece a la paleta de colores seguros para web. Esta guía completa cubre todo lo que necesita saber sobre Coral Claro, incluyendo sus especificaciones técnicas, impacto psicológico, aplicaciones de diseño y ejemplos de uso práctico.

Coral Claro tiene el código hexadecimal #F08080 y valores RGB de 240, 128, 128. En el espacio de color HSL, tiene un matiz de 0°, saturación de 79% y luminosidad de 72%. Este color es ampliamente compatible en todos los navegadores y aplicaciones de diseño.

Psicología y Significado del Color

Descubra el impacto psicológico y la significancia cultural de Coral Claro.

Emociones Asociadas

Pasión, energía, emoción, poder, amor, ira

Simbolismo y Significado

Fuerza, coraje, determinación, peligro, advertencia

Marketing y Marca

Crea urgencia, estimula el apetito, capta la atención

Aplicaciones de Diseño

Aprenda a usar efectivamente Coral Claro en varios contextos de diseño.

Diseño Web

  • Call-to-action buttons
  • Error messages
  • Sale/discount badges
  • Navigation highlights

Diseño de Interiores

  • Accent walls
  • Dining room decor
  • Kitchen accessories
  • Bold furniture pieces

Diseño Gráfico

  • Headlines
  • Sale promotions
  • Warning signs
  • Logo accents

Moda y Ropa

  • Evening wear
  • Power suits
  • Accessories
  • Statement pieces
Especificaciones Técnicas

Detalles técnicos completos e información del espacio de color para Coral Claro.

Temperatura de Color

Warm

Longitud de Onda Dominante

620-750nm

Pureza del Color

79%

Índice de Brillo

184/255
Ejemplos de Uso

Ejemplos del mundo real y fragmentos de código mostrando cómo usar Coral Claro.

Ejemplos CSS

background-color: #F08080;
color: #F08080;
border: 2px solid #F08080;
box-shadow: 0 4px 8px #F0808033;
background: linear-gradient(45deg, #F08080, #ffb3b3);

Consejos de Diseño y Mejores Prácticas

Al usar Coral Claro en sus diseños, considere su impacto psicológico y asociaciones culturales. Este color funciona bien en web design, branding, and marketing materials y puede combinarse efectivamente con colores complementarios para crear composiciones visuales impactantes.

Consideraciones de Accesibilidad

Al usar Coral Claro como color de texto o fondo, asegure relaciones de contraste suficientes para cumplimiento de accesibilidad. Pruebe sus combinaciones de colores contra las directrices WCAG para asegurar legibilidad para todos los usuarios.

Colores Red Relacionados

Explore otros colores red que comparten características similares con Coral Claro.