Rubí es un color rico y vibrante conocido por su tono rojo profundo, con un toque de rojo rosado. Se encuentra entre el rojo y el magenta en la rueda de colores, y emana lujo y pasión. Tonalidades relacionadas incluyen carmesí y rojo sangre. Usa rubí en diseños para un toque audaz y elegante.
Rubí se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código Hex: #E0115F
- Valor RGB: 87.8% rojo, 6.7% verde, 37.3% 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 Contenidos Web.
Para variaciones dentro del mismo espectro que rubí, considera:
- Cereza (#D20A2E): Cereza captura el atractivo vibrante e intenso de rubí, con su tono rojo profundo que recuerda a las cerezas maduras.
- Rojo Sangre (#780606): Rojo Sangre comparte el tono rico e impactante de rubí, evocando la vivacidad y el drama asociados con gemas rojas profundas.
- Rojo Carmesí (#B22222): Rojo Carmesí exhibe las cualidades intensas y lujosas de rubí, manteniendo una presencia clásica y atractiva.
- Amaranto (#E83256): Amaranto retrata una esencia de rojo rosado, reflejando de cerca el tono vívido y cautivador de rubí.
Para complementar rubí, considera emparejarlo con:
- Verde Azulado (#069494): Proporciona un contraste llamativo al rojo profundo de 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 de rubí, creando un aspecto sereno pero vibrante.
- Oro (#efbf04): Añade un toque de lujo y sofisticación, haciendo que 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 de rubí brillen sin abrumar el diseño general.
- Azul Polvo (#B8E3E9): Suaviza la audacia de rubí, introduciendo un elemento calmante y relajante a la paleta.
Aunque rubí es un tono rico y cautivador, puede chocar con:
- Verde Neón (#2CFF05): Su vibrancia intensa puede abrumar a rubí, creando un contraste fuerte que resta elegancia a rubí.
- Cian (#00FFFF): Cuando se combina con rubí, este tono brillante y frío crea un contraste llamativo que podría resultar chocante a la vista.
- Rosa Fucsia (#FF46A2): Este color compite con rubí, creando una sensación abrumadora debido a su intensidad similar.
- Amarillo Brillante (#FFED29): Puede eclipsar a rubí con su brillo, llevando a una combinación que distrae y carece de armonía.
- Verde Azulado (#069494): Este color profundo y frío contrasta fuertemente con rubí, haciéndolo sentir menos cálido y acogedor.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Rubor Carmesí
Oasis en Flor
Zest de Jubileo
Comprobador de contraste
Contraste 4,76
- Texto largo
#E0115F
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Desaprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Contraste 4,41
- Texto largo
#E0115F
- 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 #E0115F, también llamado 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) |