Cor Abóbora: código #FF7518

Abóbora

#FF7518

Códigos da cor

  • HEX#FF7518
  • RGBrgb(255, 117, 24)
  • HSLhsl(24, 100%, 55%)
  • HSVhsv(24, 91%, 100%)
  • CMYKcmyk(0%, 54%, 91%, 0%)
  • LABlab(65% 48.4 68.4)
  • OKLCHoklch(71.6% 0.191 47.1)

Sobre a cor Abóbora

Abóbora tem o código HEX #FF7518, que corresponde a rgb(255, 117, 24) no modelo RGB. No círculo cromático, seu matiz fica em 24°, com 100% de saturação e 55% de luminosidade (hsl(24, 100%, 55%)).

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 7,80:1 sobre ela, contra 2,68:1 do branco.

Para impressão, a conversão aproximada é cmyk(0%, 54%, 91%, 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 Abóbora

Complementar

#FF7518 · #1AA3FF

Análoga

#FF1A30 · #FF7518 · #FFE81A

Tríade

#FF7518 · #1AFF75 · #751AFF

Tetrádica

#FF7518 · #30FF1A · #1AA3FF · #E81AFF

Complementar dividida

#FF7518 · #1AFFE8 · #1A30FF

Monocromática

#993D00 · #E65C00 · #FF7518 · #FFA366 · #FFD1B3

Abóbora com texto branco e preto

Texto branco Aa Bb Cc 123
2,68:1 · não passa na WCAG
Texto preto Aa Bb Cc 123
7,80:1 · AAA

Testar outras combinações no verificador de contraste

Como usar em CSS

:root {
  --color-pumpkin: #FF7518;
  --color-pumpkin-rgb: 255, 117, 24;
}

.elemento {
  background-color: var(--color-pumpkin);
  color: #000000;
}