Cor Amarelo-claro: código #FFFFE0
Amarelo-claro
#FFFFE0
Códigos da cor
- HEX
#FFFFE0 - RGB
rgb(255, 255, 224) - HSL
hsl(60, 100%, 94%) - HSV
hsv(60, 12%, 100%) - CMYK
cmyk(0%, 0%, 12%, 0%) - LAB
lab(99.3% -5.1 14.8) - OKLCH
oklch(99.2% 0.04 107.1)
Sobre a cor Amarelo-claro
Amarelo-claro tem o código HEX #FFFFE0, que corresponde a rgb(255, 255, 224) no modelo RGB. No círculo cromático, seu matiz fica em 60°, com 100% de saturação e 94% de luminosidade (hsl(60, 100%, 94%)).
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 20,63:1 sobre ela, contra 1,01:1 do branco.
Para impressão, a conversão aproximada é cmyk(0%, 0%, 12%, 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-claro
Complementar
#FFFFE0 · #E0E0FF
Análoga
#FFF0E0 · #FFFFE0 · #F0FFE0
Tríade
#FFFFE0 · #E0FFFF · #FFE0FF
Tetrádica
#FFFFE0 · #E0FFF0 · #E0E0FF · #FFE0F0
Complementar dividida
#FFFFE0 · #E0F0FF · #F0E0FF
Monocromática
#FFFF61 · #FFFFAD · #FFFFE0 · #FFFFFF · #FFFFFF
Amarelo-claro com texto branco e preto
Como usar em CSS
:root {
--color-light-yellow: #FFFFE0;
--color-light-yellow-rgb: 255, 255, 224;
}
.elemento {
background-color: var(--color-light-yellow);
color: #000000;
}