BlueViolet — Códigos de color y paleta
Códigos de color
| Formato | Valor | |
|---|---|---|
| HEX | #8A2BE2 | |
| RGB | rgb(138, 43, 226) | |
| HSL | hsl(271, 76%, 53%) |
Tonos de BlueViolet
| #7E1DD7 | #701AC1 | #6317AB | #561494 | #49117E | #3C0E67 | #2F0B51 | #22083A |
Matices claros de BlueViolet
| #9743E5 | #A359E8 | #AF6FEB | #BC86EE | #C89CF2 | #D5B3F5 | #E1C9F8 | #EEE0FB |
Combinaciones y armonía de color
|
Complementario
#84E22C
|
Análogo +30°
#E22CDF
|
Análogo −30°
#2F2CE2
|
Triádico +120°
#E28A2C
|
Triádico −120°
#2CE28A
|
Contraste y accesibilidad (WCAG 2.1)
Fragmento CSS
.element {
color: #8A2BE2;
}
.element-bg {
background-color: #8A2BE2;
color: #ffffff;
}
.element-border {
border: 2px solid #8A2BE2;
}
Sobre el color BlueViolet
BlueViolet es un color medio con saturación alta, definido por el código hexadecimal #8A2BE2. Sus valores exactos en los modelos de color son rgb(138, 43, 226) en RGB y hsl(271, 76%, 53%) en HSL (matiz 271°, saturación 76%, luminosidad 53%). Sobre fondo blanco, el ratio de contraste es 5.96:1 — Supera AA para texto normal, y sobre negro es 3.52:1 — Supera AA solo para texto grande. Usa BlueViolet 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 →