Saltar hasta el contenido principal

Rojo oscuro

Todo lo que necesitas saber sobre el rojo oscuro para inspirar tu próximo diseño.

Obtener paleta de colores

Elegir un color

Hex

RGB

HSB

HSL

Selecciona la paleta

Paletas de colores personalizadas

El rojo oscuro es un tono profundo y rico que mezcla rojo y negro. Posicionado en el espectro cálido del círculo cromático, este tono encarna pasión y sofisticación, al tiempo que sugiere un sentido de misterio debido a su profundidad.

color Rojo oscurocolor Rojo oscuro

El rojo oscuro se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.

- Código HEX: #950606

- Valor RGB: 58.4% rojo, 2.4% verde y 2.4% azul

Las consideraciones de accesibilidad juegan un papel crucial en las elecciones de color de diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurar que tus diseños cumplan con las Pautas de Accesibilidad de Contenidos Web.

Aquí hay algunas formas de usar el rojo oscuro en tus diseños:

  • Fomentar la acción del usuario. El rojo oscuro puede atraer la atención sin ser visualmente abrumador, incitando a los usuarios a hacer clic en botones CTA y otros elementos importantes.
  • Transmitir urgencia. El rojo oscuro es útil para mensajes de error y advertencia u otras alertas, comunicando un sentido de importancia a los usuarios.
  • Evocar sofisticación. Ya sea usado como color principal o de acento, el rojo oscuro crea una atmósfera elegante y lujosa, una gran elección para productos de alta gama o experiencias exclusivas.

Ten en cuenta que el color y su significado pueden cambiar de una cultura a otra, y en cualquier momento. Si estás diseñando para una audiencia global, investiga las consideraciones de color para tus regiones específicas.

Para variaciones dentro del mismo espectro profundo que el rojo oscuro, considera:

  • Granate (#550000) toma un giro más oscuro con un sutil toque de marrón, dándole un tono similar al vino.
  • Rojo carmesí (#B22222) comparte una riqueza similar pero parece un poco más frío.
  • Burdeos (#660033) tiene un matiz púrpura pero transmite el mismo sentido de lujo y refinamiento.
  • Rojo chile (#CD1C18) tiene un atractivo más vibrante con un toque de naranja, asemejándose al tono de un chile.

Para complementar el rojo oscuro, considera emparejarlo con:

  • Marfil (#FFFFE3) aporta un sentido de equilibrio y paz para atenuar la intensidad del rojo oscuro.
  • Oro (#EFBF04) resalta la calidez del rojo oscuro para un esquema de color rico y fuerte.
  • Rosa (#FF8DA1) añade un toque de diversión para una combinación de colores romántica.
  • Azul oscuro (#111184) crea una combinación atemporal, exudando elegancia y sofisticación.
  • Verde azulado (#069494) complementa el rojo oscuro, ofreciendo un contraste llamativo pero equilibrado.

Otros colores que vale la pena considerar incluyen beige para una atmósfera cálida y acogedora, naranja para añadir un toque de energía, y plata para un aspecto fresco y moderno.

Aunque el rojo oscuro es rico, puede chocar con:

  • Turquesa (#40E0D0) puede chocar con los tonos cálidos del rojo oscuro.
  • Magenta (#00FFFF) es altamente saturado, lo que puede parecer abrumador junto al rojo oscuro.
  • Chartreuse (#CCFF00) puede crear un efecto visualmente discordante junto al rojo oscuro.
  • Marrón rojizo (#942222) comparte un tono similar y no proporciona suficiente contraste visual.
  • Púrpura real (#6C3BAA) es un tono frío que carece de armonía con el rojo oscuro.

El rojo oscuro simboliza pasión y deseo. Su tono profundo también sugiere misterio y suspense. El rojo oscuro lleva connotaciones de lujo, riqueza y fuerza.

En la psicología del color, el rojo oscuro puede despertar sentimientos de deseo e intriga. Su conexión con el misterio también puede despertar curiosidad o precaución. Debido a su riqueza, el rojo oscuro puede hacerte sentir arraigado, fuerte y en control.

En el diseño de UI, el rojo oscuro aporta un sentido de sofisticación y lujo a una interfaz de usuario, ideal para sitios de comercio electrónico de alta gama, bufetes de abogados o instituciones educativas. Puede ser una gran elección para botones CTA o notificaciones, ya que atrae la atención y transmite urgencia sin abrumar al usuario.

El rojo fue uno de los primeros colores utilizados en las pinturas rupestres, hace casi 40,000 años. Con el tiempo, la experimentación con pigmentos negros llevó al descubrimiento de tonos más profundos, incluido el rojo oscuro. Los artistas antiguos usaban estos tonos de rojo profundo para representar a individuos poderosos y escenas dramáticas y apasionadas en sus pinturas.

Hoy en día, el rojo oscuro sigue siendo una elección popular en la moda de alta gama y el arte contemporáneo debido a su apariencia audaz y sofisticada.

Variantes de color

Sombras

Tintes

Tonos

Tonalidades

Armonías de color

Complementaria

Complementaria dividida

Monocromática

Análoga

Triádica

Square

Paletas personalizadas

Heartthrob

Scarlet Garden

Neo-Gothic

Comprobador de contraste

Contraste 9,1

Texto largo

#950606

Texto normal

Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.

Se trata de un texto #950606 sobre un fondo #FFFFFF.
Categoría
Aprobar
Aprobar
Aprobar
Aprobar
Aprobar
Aprobar

Contraste 2,31

Texto largo

#950606

Texto normal

Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.

Se trata de un texto #950606 sobre un fondo #000000.
Categoría
Desaprobar
Desaprobar
Desaprobar
Desaprobar
Desaprobar
Desaprobar

Simulaciones de color

Protanopia

Deuteranopia

Tritanopia

Acromatopsia

El color hexadecimal #950606, también llamado Rojo oscuro, tiene valores RGB de R:149, G:6, B:6 y valores CMYK de C:0, M:96, Y:96, K:42.

VALUECSS
HEX#950606#950606
RGB DECIMAL149, 6, 6RGB(149,6,6)
RGB PERCENTAGE58.4, 2.4, 2.4RGB(58.4%,2.4%,2.4%)
CMYK0, 96, 96, 42
HSLHSL(0.0, 92.3%, 30.4%)HSL(0.0, 92.3%, 30.4%)
HSV (OR HSB)0.0°, 96.0, 58.4
WEB SAFE#15300#15300
BINARY10010101, 00000110, 00000110
iOS - SwiftUIColor(red: 0.584, green: 0.024, blue: 0.024)
iOS - UIKitUIColor(red: 0.584, green: 0.024, blue: 0.024, alpha: 1)
Android - ComposeColor(0xFF950606)