Cor Laranja-neon: código #FF5F1F
Laranja-neon
#FF5F1F
Códigos da cor
- HEX
#FF5F1F - RGB
rgb(255, 95, 31) - HSL
hsl(17, 100%, 56%) - HSV
hsv(17, 88%, 100%) - CMYK
cmyk(0%, 63%, 88%, 0%) - LAB
lab(61.3% 58.3 63.6) - OKLCH
oklch(68.8% 0.207 39.1)
Sobre a cor Laranja-neon
Laranja-neon tem o código HEX #FF5F1F, que corresponde a rgb(255, 95, 31) no modelo RGB. No círculo cromático, seu matiz fica em 17°, com 100% de saturação e 56% de luminosidade (hsl(17, 100%, 56%)).
Pelo matiz, é percebida como uma cor quente: tende a transmitir energia e proximidade e a “avançar” visualmente na composição.
Como fundo, pede texto escuro: o preto atinge contraste de 6,90:1 sobre ela, contra 3,03:1 do branco.
Para impressão, a conversão aproximada é cmyk(0%, 63%, 88%, 0%). Confirme sempre com o perfil de cor da gráfica, porque o resultado depende do papel e da tinta.
Tons mais claros
Tons mais escuros
Combinações com Laranja-neon
Complementar
#FF5F1F · #1FBFFF
Análoga
#FF1F4F · #FF5F1F · #FFCE1F
Tríade
#FF5F1F · #1FFF5E · #5E1FFF
Tetrádica
#FF5F1F · #4FFF1F · #1FBFFF · #CE1FFF
Complementar dividida
#FF5F1F · #1FFFCE · #1F4FFF
Monocromática
#9E2D00 · #EB4200 · #FF5F1F · #FF956B · #FFCCB8
Laranja-neon com texto branco e preto
Como usar em CSS
:root {
--color-neon-orange: #FF5F1F;
--color-neon-orange-rgb: 255, 95, 31;
}
.elemento {
background-color: var(--color-neon-orange);
color: #000000;
}