ColorConvert.netColor Convert

Color: Gris Oscuro

Información completa del color y herramientas de conversión para Gris Oscuro

Categoría: gray
Fuente del Color: web
Luminancia: 39.7%
Formatos de Color

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

HEX
#A9A9A9
RGB
169, 169, 169
HSL
0, 0, 66
HSV
0, 0, 66
CMYK
0, 0, 0, 34
LAB
69, 0, 0
Accesibilidad y Contraste

Pruebe Gris Oscuro para cumplimiento de accesibilidad y relaciones de contraste de color.

Relaciones de Contraste Básicas

Gris Oscuro on White
2.35:1
Gris Oscuro on Black
8.94: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 Gris Oscuro.

Colores Similares

Colores similares a Gris Oscuro basados en matiz y saturación.

Herramientas de Color

Herramientas profesionales para trabajar con Gris Oscuro y crear esquemas de color.

Acerca del Color Gris Oscuro

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

Gris Oscuro tiene el código hexadecimal #A9A9A9 y valores RGB de 169, 169, 169. En el espacio de color HSL, tiene un matiz de 0°, saturación de 0% y luminosidad de 66%. 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 Gris Oscuro.

Emociones Asociadas

Neutralidad, equilibrio, práctico, moderno, calma

Simbolismo y Significado

Equilibrio, neutral, profesional, estabilidad, práctico

Marketing y Marca

Servicios profesionales, marcas corporativas, diseño moderno, productos prácticos

Aplicaciones de Diseño

Aprenda a usar efectivamente Gris Oscuro en varios contextos de diseño.

Diseño Web

  • Headers
  • Links
  • Corporate themes
  • Trust indicators
  • Professional layouts

Diseño de Interiores

  • Bedrooms
  • Bathrooms
  • Office spaces
  • Coastal themes

Diseño Gráfico

  • Corporate branding
  • Healthcare materials
  • Technology themes
  • Professional presentations

Moda y Ropa

  • Business attire
  • Denim
  • Formal wear
  • Casual shirts
Especificaciones Técnicas

Detalles técnicos completos e información del espacio de color para Gris Oscuro.

Temperatura de Color

Warm

Longitud de Onda Dominante

620-750nm

Pureza del Color

0%

Índice de Brillo

168/255
Ejemplos de Uso

Ejemplos del mundo real y fragmentos de código mostrando cómo usar Gris Oscuro.

Ejemplos CSS

background-color: #A9A9A9;
color: #A9A9A9;
border: 2px solid #A9A9A9;
box-shadow: 0 4px 8px #A9A9A933;
background: linear-gradient(45deg, #A9A9A9, #dcdcdc);

Consejos de Diseño y Mejores Prácticas

Al usar Gris Oscuro 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 Gris Oscuro 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 Gray Relacionados

Explore otros colores gray que comparten características similares con Gris Oscuro.