MediumSlateBlue — Códigos de Cor & Paleta
Códigos de Cor
| Formato | Valor | |
|---|---|---|
| HEX | #7B68EE | |
| RGB | rgb(123, 104, 238) | |
| HSL | hsl(249, 80%, 67%) |
Tons escuros de MediumSlateBlue
| #6047EB | #4427E7 | #3417D3 | #2C14B3 | #241093 | #1C0D73 | #140953 | #0C0632 |
Tons claros de MediumSlateBlue
| #8875F0 | #9483F1 | #A091F3 | #AB9FF4 | #B7ACF6 | #C3BAF7 | #CFC8F9 | #DBD6FA |
Combinações de Cores & Harmonia
|
Complementar
#DAEE68
|
Análogo +30°
#BF68EE
|
Análogo −30°
#6897EE
|
Triádico +120°
#EE7C68
|
Triádico −120°
#68EE7C
|
Contraste & Acessibilidade (WCAG 2.1)
Trecho CSS
.element {
color: #7B68EE;
}
.element-bg {
background-color: #7B68EE;
color: #000000;
}
.element-border {
border: 2px solid #7B68EE;
}
Sobre MediumSlateBlue
MediumSlateBlue é uma cor clara com saturação muito alta e vibrante, definida pelo código hex #7B68EE. Seus valores exatos no modelo de cor são rgb(123, 104, 238) em RGB e hsl(249, 80%, 67%) em HSL (matiz 249°, saturação 80%, luminosidade 67%). Sobre um fundo branco, a proporção de contraste é 4.15:1 — AA aprovado apenas para texto grande, e sobre preto é 5.06:1 — AA aprovado para texto normal. Use MediumSlateBlue em elementos de interface, fundos, texto, bordas ou acentos decorativos. A seção de tons escuros abaixo mostra variações progressivamente mais escuras, enquanto a faixa de tons claros exibe versões progressivamente mais claras — ambas úteis para construir uma paleta tonal. As amostras de harmonia fornecem combinações complementares, análogas e triádicas baseadas na roda de matizes HSL.
Quer explorar esta cor de forma interativa, gerar paletas ou converter entre formatos de cor? O Seletor de Cores do DevArbor tem tudo isso.
Abrir o Seletor de Cores →