Plum — Códigos de Cor & Paleta
Códigos de Cor
| Formato | Valor | |
|---|---|---|
| HEX | #DDA0DD | |
| RGB | rgb(221, 160, 221) | |
| HSL | hsl(300, 47%, 75%) |
Tons escuros de Plum
| #D283D2 | #C865C8 | #BD47BD | #A13AA1 | #832F83 | #652465 | #471A47 | #290F29 |
Tons claros de Plum
| #E0A9E0 | #E3B0E3 | #E5B8E5 | #E8BFE8 | #EBC7EB | #EDCEED | #F0D6F0 | #F3DDF3 |
Combinações de Cores & Harmonia
|
Complementar
#A1DDA1
|
Análogo +30°
#DDA1BF
|
Análogo −30°
#BFA1DD
|
Triádico +120°
#DDDDA1
|
Triádico −120°
#A1DDDD
|
Contraste & Acessibilidade (WCAG 2.1)
Trecho CSS
.element {
color: #DDA0DD;
}
.element-bg {
background-color: #DDA0DD;
color: #000000;
}
.element-border {
border: 2px solid #DDA0DD;
}
Sobre Plum
Plum é uma cor clara com saturação moderada, definida pelo código hex #DDA0DD. Seus valores exatos no modelo de cor são rgb(221, 160, 221) em RGB e hsl(300, 47%, 75%) em HSL (matiz 300°, saturação 47%, luminosidade 75%). Sobre um fundo branco, a proporção de contraste é 2.07:1 — Reprovado, e sobre preto é 10.15:1 — AAA aprovado para texto normal. Use Plum 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 →