#FF1744 — Códigos de Cor & Paleta
Códigos de Cor
| Formato | Valor | |
|---|---|---|
| HEX | #FF1744 | |
| RGB | rgb(255, 23, 68) | |
| HSL | hsl(348, 100%, 55%) |
Tons escuros de #FF1744
| #FA0032 | #DB002C | #BD0026 | #9E0020 | #80001A | #610013 | #42000D | #240007 |
Tons claros de #FF1744
| #FF335C | #FF4D70 | #FF6685 | #FF8099 | #FF99AD | #FFB3C2 | #FFCCD6 | #FFE5EB |
Combinações de Cores & Harmonia
|
Complementar
#1AFFD1
|
Análogo +30°
#FF5E1A
|
Análogo −30°
#FF1ABA
|
Triádico +120°
#47FF1A
|
Triádico −120°
#1A47FF
|
Contraste & Acessibilidade (WCAG 2.1)
Trecho CSS
.element {
color: #FF1744;
}
.element-bg {
background-color: #FF1744;
color: #000000;
}
.element-border {
border: 2px solid #FF1744;
}
Sobre #FF1744
#FF1744 é uma cor média com saturação muito alta e vibrante, definida pelo código hex #FF1744. Seus valores exatos no modelo de cor são rgb(255, 23, 68) em RGB e hsl(348, 100%, 55%) em HSL (matiz 348°, saturação 100%, luminosidade 55%). Sobre um fundo branco, a proporção de contraste é 3.85:1 — AA aprovado apenas para texto grande, e sobre preto é 5.46:1 — AA aprovado para texto normal. Use #FF1744 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 →