#0D47A1 — Códigos de Cor & Paleta
Códigos de Cor
| Formato | Valor | |
|---|---|---|
| HEX | #0D47A1 | |
| RGB | rgb(13, 71, 161) | |
| HSL | hsl(216, 85%, 34%) |
Tons escuros de #0D47A1
| #0C4292 | #0B3B84 | #0A3576 | #082F68 | #07285A | #06224B | #051C3D | #04152F |
Tons claros de #0D47A1
| #1057C1 | #1266E2 | #2B79EE | #4C8EF0 | #6DA3F3 | #8EB7F6 | #AFCCF8 | #D0E1FB |
Combinações de Cores & Harmonia
|
Complementar
#A0650D
|
Análogo +30°
#1C0DA0
|
Análogo −30°
#0D92A0
|
Triádico +120°
#A00D48
|
Triádico −120°
#48A00D
|
Contraste & Acessibilidade (WCAG 2.1)
Trecho CSS
.element {
color: #0D47A1;
}
.element-bg {
background-color: #0D47A1;
color: #ffffff;
}
.element-border {
border: 2px solid #0D47A1;
}
Sobre #0D47A1
#0D47A1 é uma cor escura com saturação muito alta e vibrante, definida pelo código hex #0D47A1. Seus valores exatos no modelo de cor são rgb(13, 71, 161) em RGB e hsl(216, 85%, 34%) em HSL (matiz 216°, saturação 85%, luminosidade 34%). Sobre um fundo branco, a proporção de contraste é 8.63:1 — AAA aprovado para texto normal, e sobre preto é 2.43:1 — Reprovado. Use #0D47A1 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 →