El rojo violeta es un tono vibrante y audaz que mezcla rojo y violeta. Ubicado entre el rojo y el morado en la rueda de colores, irradia energía y creatividad. Tonos similares incluyen magenta y fucsia. Usa el rojo violeta en diseños para añadir estilo y dinamismo, perfecto para moda y arte digital.
El rojo violeta se define por los siguientes códigos y valores de color para asegurar consistencia en diversas plataformas y dispositivos digitales.
- Código Hex: #C71585
- Valor RGB: 78.0% rojo, 8.2% verde, 52.2% azul
La accesibilidad juega un papel clave en la elección de colores en el diseño UX y UI. La comunidad de Figma ofrece plugins para ayudarte a cumplir con las Web Content Accessibility Guidelines.
Para variaciones dentro del mismo espectro que el rojo violeta, considera:
- Morera (#C54B8C): La morera tiene un tono magenta profundo con matices de vino, que se asemeja al rojo violeta con su color vibrante y rojizo.
- Fucsia (#FF00FF): El fucsia destaca con su tono magenta audaz y llamativo, que coincide con las cualidades energéticas y vívidas a menudo asociadas con el rojo violeta.
- Amatista (#9966CC): La amatista presenta una mezcla de tonos púrpuras y matices rosados, compartiendo una notable semejanza con la interacción matizada de rojo y púrpura que se encuentra en el rojo violeta.
- Magenta (#FD3DB5): El magenta ofrece un tono rosado-rojo brillante y animado, capturando la esencia del rojo violeta con su apariencia dinámica y vívida.
Para complementar el rojo violeta, considera emparejarlo con:
- Limón (#FFF700): Este tono brillante y soleado proporciona un contraste llamativo con el rojo violeta, haciendo que ambos colores resalten mientras añaden un ambiente alegre a tu paleta.
- Cian (#00FFFF): Como el contrapunto más frío al rojo violeta, el cian crea un aspecto equilibrado y armonioso, perfecto para diseños dinámicos y visualmente atractivos.
- Verde menta (#ADEBB3): El tono calmante y fresco del verde menta combina hermosamente con la intensidad del rojo violeta, creando una paleta de colores equilibrada y rejuvenecedora.
- Amarillo mostaza (#FFCE1B): Con su tono cálido y rico, el amarillo mostaza añade profundidad y calidez junto al rojo violeta, creando un esquema vibrante e invitante.
Aunque el rojo violeta es un color llamativo y vibrante, puede chocar con:
- Verde neón (#2CFF05): Su brillo intenso y saturación pueden crear un efecto visualmente discordante con el rojo violeta, abrumando el delicado equilibrio entre calidez y frescura.
- Naranja (#FFA500): Con su tono cálido y audaz, el naranja puede competir con el rojo violeta, llevando a una paleta que se siente demasiado agresiva en lugar de armoniosa.
- Turquesa (#40E0D0): La naturaleza fresca y vívida del turquesa puede contrastar marcadamente con el rojo violeta, resultando en una paleta que se siente desarticulada y carece de cohesión.
- Verde lima (#89F336): La alta saturación y brillo del verde lima pueden chocar con la riqueza del rojo violeta, creando una combinación visualmente confusa que carece de equilibrio.
- Amarillo (#FFDE21): El brillo del amarillo puede abrumar al rojo violeta, creando una tensión que resta valor a la profundidad matizada del rojo violeta, en lugar de realzarla.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Magenta Vivo
Frambuesa y Verde Azulado
Explosión de Bayas
Verificador de contraste
Contraste 5,42
- Texto grande
#C71585
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Desaprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Contraste 3,87
- Texto grande
#C71585
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Aprobado | Desaprobado | |
Aprobado | Desaprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #C71585, también conocido como Rojo violeta, tiene valores RGB de R:199, G:21, B:133 y valores CMYK de C:0, M:89, Y:33, K:22.
| VALUE | CSS | |
|---|---|---|
| HEX | #C71585 | #C71585 |
| RGB DECIMAL | 199, 21, 133 | RGB(199,21,133) |
| RGB PERCENTAGE | 78.0, 8.2, 52.2 | RGB(78.0%,8.2%,52.2%) |
| CMYK | 0, 89, 33, 22 | |
| HSL | HSL(322.2, 80.9%, 43.1%) | HSL(322.2, 80.9%, 43.1%) |
| HSV (OR HSB) | 322.2°, 89.4, 78.0 | |
| WEB SAFE | #2040153 | #2040153 |
| BINARY | 11000111, 00010101, 10000101 | |
| iOS - SwiftUI | Color(red: 0.780, green: 0.082, blue: 0.522) | |
| iOS - UIKit | UIColor(red: 0.780, green: 0.082, blue: 0.522, alpha: 1) | |
| Android - Compose | Color(0xFFC71585) |
