Cor Amarelo-limão: código #FFF44F

Amarelo-limão

#FFF44F

Códigos da cor

  • HEX#FFF44F
  • RGBrgb(255, 244, 79)
  • HSLhsl(56, 100%, 65%)
  • HSVhsv(56, 69%, 100%)
  • CMYKcmyk(0%, 4%, 69%, 0%)
  • LABlab(94.5% -14.4 76.6)
  • OKLCHoklch(94.8% 0.177 105.5)

Sobre a cor Amarelo-limão

Amarelo-limão tem o código HEX #FFF44F, que corresponde a rgb(255, 244, 79) no modelo RGB. No círculo cromático, seu matiz fica em 56°, com 100% de saturação e 65% de luminosidade (hsl(56, 100%, 65%)).

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 18,30:1 sobre ela, contra 1,14:1 do branco.

Para impressão, a conversão aproximada é cmyk(0%, 4%, 69%, 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 Amarelo-limão

Complementar

#FFF44F · #4D58FF

Análoga

#FF9A4D · #FFF44F · #B2FF4D

Tríade

#FFF44F · #4DFFF3 · #F34DFF

Tetrádica

#FFF44F · #4DFF9A · #4D58FF · #FF4DB2

Complementar dividida

#FFF44F · #4DB2FF · #9A4DFF

Monocromática

#CCBE00 · #FFF01A · #FFF44F · #FFF899 · #FFFDE6

Amarelo-limão com texto branco e preto

Texto branco Aa Bb Cc 123
1,14:1 · não passa na WCAG
Texto preto Aa Bb Cc 123
18,30:1 · AAA

Testar outras combinações no verificador de contraste

Como usar em CSS

:root {
  --color-lemon-yellow: #FFF44F;
  --color-lemon-yellow-rgb: 255, 244, 79;
}

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