El rubí es un color rico y vibrante conocido por su tono rojo profundo, con un matiz rosado. Se encuentra entre el rojo y el magenta en la rueda de colores, irradiando lujo y pasión. Tonos relacionados incluyen el carmesí y el rojo sangre. Usa el rubí en diseños para un toque audaz y elegante.

El rubí se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código Hex: #E0115F
- Valor RGB: 87.8% rojo, 6.7% verde, 37.3% 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 rubí, considera:
- Cereza (#D20A2E): La cereza captura el atractivo vibrante e intenso del rubí, con su tono rojo profundo que recuerda a las cerezas maduras.
- Rojo sangre (#780606): El rojo sangre comparte el tono rico e impactante del rubí, evocando la vivacidad y el drama asociados con las gemas rojas profundas.
- Rojo carmesí (#B22222): El rojo carmesí exhibe las cualidades intensas y lujosas del rubí, manteniendo una presencia clásica y atractiva.
- Amaranto (#E83256): El amaranto retrata una esencia rosada, reflejando de cerca el tono vívido y cautivador del rubí.
Para complementar el rubí, considera emparejarlo con:
- Verde petróleo (#069494): Proporciona un contraste llamativo al rojo profundo del rubí, realzando la vibrancia de ambos colores y creando una paleta dinámica.
- Verde menta (#A9EABC): Ofrece un equilibrio fresco y refrescante a la intensidad cálida del rubí, creando un aspecto sereno pero vibrante.
- Oro (#efbf04): Añade un toque de lujo y sofisticación, haciendo que el rubí parezca aún más rico e impactante.
- Carbón (#4a4a4a): Ofrece un fondo neutral y estabilizador que permite que los tonos vívidos del rubí brillen sin abrumar el diseño general.
- Azul polvo (#B8E3E9): Suaviza la audacia del rubí, introduciendo un elemento calmante y relajante a la paleta.
Aunque el rubí es un tono rico y cautivador, puede chocar con:
- Verde neón (#2CFF05): Su vibrancia intensa puede abrumar al rubí, creando un contraste fuerte que resta elegancia al rubí.
- Cian (#00FFFF): Cuando se combina con el rubí, este tono brillante y frío crea un contraste llamativo que podría resultar chocante a la vista.
- Rosa fuerte (#FF46A2): Este color compite con el rubí, creando una sensación abrumadora debido a su intensidad similar.
- Amarillo brillante (#FFED29): Puede eclipsar al rubí con su brillo, llevando a una combinación distractora que carece de armonía.
- Verde petróleo (#069494): Este color profundo y frío contrasta fuertemente con el rubí, haciéndolo sentir menos cálido y acogedor.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Rubor carmesí
Oasis en flor
Zest de jubileo
Verificador de contraste
Contraste 4,76
- Texto grande
#E0115F
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Desaprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Contraste 4,41
- Texto grande
#E0115F
- 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 #E0115F, también conocido como Rubí, tiene valores RGB de R:224, G:17, B:95 y valores CMYK de C:0, M:92, Y:58, K:12.
| VALUE | CSS | |
|---|---|---|
| HEX | #E0115F | #E0115F |
| RGB DECIMAL | 224, 17, 95 | RGB(224,17,95) |
| RGB PERCENTAGE | 87.8, 6.7, 37.3 | RGB(87.8%,6.7%,37.3%) |
| CMYK | 0, 92, 58, 12 | |
| HSL | HSL(337.4, 85.9%, 47.3%) | HSL(337.4, 85.9%, 47.3%) |
| HSV (OR HSB) | 337.4°, 92.4, 87.8 | |
| WEB SAFE | #2040102 | #2040102 |
| BINARY | 11100000, 00010001, 01011111 | |
| iOS - SwiftUI | Color(red: 0.878, green: 0.067, blue: 0.373) | |
| iOS - UIKit | UIColor(red: 0.878, green: 0.067, blue: 0.373, alpha: 1) | |
| Android - Compose | Color(0xFFE0115F) |


