DevArbor
#7B1FA2

#7B1FA2 — Códigos de color y paleta

#7B1FA2  ·  rgb(123, 31, 162)  ·  hsl(282, 68%, 38%)

Códigos de color

Formato Valor
HEX #7B1FA2
RGB rgb(123, 31, 162)
HSL hsl(282, 68%, 38%)

Tonos de #7B1FA2

#6E1C92#611881#54156F#47125E#3A0F4D#2D0B3C#20082B#13051A

Matices claros de #7B1FA2

#8F24BC#A229D6#AD43DB#B85CE0#C476E5#CF90EA#DAA9EF#E5C3F4

Combinaciones y armonía de color

Complementario
#47A31F
Análogo +30°
#A31F88
Análogo −30°
#391FA3
Triádico +120°
#A37B1F
Triádico −120°
#1FA37B

Contraste y accesibilidad (WCAG 2.1)

sobre blanco (#FFFFFF)
8.20:1 — Supera AAA para texto normal
sobre negro (#000000)
2.56:1 — No supera

Fragmento CSS

.element {
  color: #7B1FA2;
}

.element-bg {
  background-color: #7B1FA2;
  color: #ffffff;
}

.element-border {
  border: 2px solid #7B1FA2;
}

Sobre el color #7B1FA2

#7B1FA2 es un color oscuro con saturación alta, definido por el código hexadecimal #7B1FA2. Sus valores exactos en los modelos de color son rgb(123, 31, 162) en RGB y hsl(282, 68%, 38%) en HSL (matiz 282°, saturación 68%, luminosidad 38%). Sobre fondo blanco, el ratio de contraste es 8.20:1 — Supera AAA para texto normal, y sobre negro es 2.56:1 — No supera. Usa #7B1FA2 en elementos de interfaz, fondos, texto, bordes o acentos decorativos. La sección de tonos muestra variaciones progresivamente más oscuras, mientras que la franja de matices claros muestra versiones más luminosas — ambas útiles para construir una paleta tonal. Las muestras de armonía proporcionan combinaciones complementarias, análogas y triádicas basadas en la rueda de matices HSL.

¿Quieres explorar este color de forma interactiva, generar paletas o convertir entre formatos de color? El selector de color de DevArbor te lo pone fácil.

Abrir el selector de color →

Preguntas frecuentes

¿Cuál es el valor RGB de #7B1FA2?
El valor RGB de #7B1FA2 (#7B1FA2) es rgb(123, 31, 162). Representa las cantidades de luz roja, verde y azul en una escala de 0 a 255.
¿Es #7B1FA2 accesible sobre fondo blanco?
El ratio de contraste de #7B1FA2 sobre blanco (#FFFFFF) es 8.20:1 — Supera AAA para texto normal. Sobre negro (#000000) el ratio de contraste es 2.56:1 — No supera. WCAG 2.1 exige 4,5:1 para AA (texto normal) y 7:1 para AAA.
¿Qué colores combinan bien con #7B1FA2?
Según la teoría del color, #7B1FA2 (hsl(282, 68%, 38%)) combina bien con sus matices complementarios, análogos y triádicos. Consulta las muestras de armonía de arriba para ver los valores hexadecimales exactos de cada tipo de combinación.