Cor Tangerina: código #F28500

Tangerina

#F28500

Códigos da cor

  • HEX#F28500
  • RGBrgb(242, 133, 0)
  • HSLhsl(33, 100%, 47%)
  • HSVhsv(33, 100%, 95%)
  • CMYKcmyk(0%, 45%, 100%, 5%)
  • LABlab(66.3% 35.2 72.6)
  • OKLCHoklch(72.2% 0.172 58.5)

Sobre a cor Tangerina

Tangerina tem o código HEX #F28500, que corresponde a rgb(242, 133, 0) no modelo RGB. No círculo cromático, seu matiz fica em 33°, com 100% de saturação e 47% de luminosidade (hsl(33, 100%, 47%)).

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 8,13:1 sobre ela, contra 2,58:1 do branco.

Para impressão, a conversão aproximada é cmyk(0%, 45%, 100%, 5%). 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 Tangerina

Complementar

#F28500 · #006CF0

Análoga

#F00C00 · #F28500 · #E4F000

Tríade

#F28500 · #00F084 · #8400F0

Tetrádica

#F28500 · #00F00C · #006CF0 · #F000E4

Complementar dividida

#F28500 · #00E4F0 · #0C00F0

Monocromática

#703E00 · #BD6800 · #F28500 · #FFA83D · #FFCA8A

Tangerina com texto branco e preto

Texto branco Aa Bb Cc 123
2,58:1 · não passa na WCAG
Texto preto Aa Bb Cc 123
8,13:1 · AAA

Testar outras combinações no verificador de contraste

Como usar em CSS

:root {
  --color-tangerine: #F28500;
  --color-tangerine-rgb: 242, 133, 0;
}

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