El rojo violeta es un tono vibrante y audaz que mezcla rojo y violeta. Ubicado entre el rojo y el púrpura 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 la consistencia en varias plataformas y dispositivos digitales.
- Código Hex: #C71585
- Valor RGB: 78.0% rojo, 8.2% verde, 52.2% azul
Las consideraciones de accesibilidad juegan un papel crucial en la elección de colores para el diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurarte de que tus diseños cumplan con las Pautas de Accesibilidad de Contenido Web.
Para variaciones dentro del mismo espectro que el rojo violeta, considera:
- Morera (#C54B8C): La morera tiene un rico tono magenta profundo con matices de vino, que se asemeja estrechamente a la esencia del rojo violeta con su vibrante color rojo rosado.
- Fucsia (#FF00FF): El fucsia destaca con su audaz y llamativo tono magenta, igualando las cualidades energéticas y vívidas a menudo asociadas con el rojo violeta.
- Amatista (#9966CC): La amatista presume de una mezcla de tonos púrpura 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 combinarlo 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 acogedor y vibrante.
Aunque el rojo violeta es un color llamativo y vibrante, puede chocar con:
- Verde neón (#2CFF05): Su brillo e intensidad 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
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Magenta Vivo
Frambuesa y Teal
Explosión de Bayas
Comprobador de contraste
Contraste 5,42
- Texto largo
#C71585
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Desaprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Contraste 3,87
- Texto largo
#C71585
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Aprobar | Desaprobar | |
Aprobar | Desaprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #C71585, también llamado 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) |
