Cor Rosa-claro: código #FFB6C1
Rosa-claro
#FFB6C1
Códigos da cor
- HEX
#FFB6C1 - RGB
rgb(255, 182, 193) - HSL
hsl(351, 100%, 86%) - HSV
hsv(351, 29%, 100%) - CMYK
cmyk(0%, 29%, 24%, 0%) - LAB
lab(81.1% 28 5) - OKLCH
oklch(84.7% 0.086 9.1)
Sobre a cor Rosa-claro
Rosa-claro tem o código HEX #FFB6C1, que corresponde a rgb(255, 182, 193) no modelo RGB. No círculo cromático, seu matiz fica em 351°, com 100% de saturação e 86% de luminosidade (hsl(351, 100%, 86%)).
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 12,71:1 sobre ela, contra 1,65:1 do branco.
Para impressão, a conversão aproximada é cmyk(0%, 29%, 24%, 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 Rosa-claro
Complementar
#FFB6C1 · #B8FFF4
Análoga
#FFB8E6 · #FFB6C1 · #FFD1B8
Tríade
#FFB6C1 · #C2FFB8 · #B8C2FF
Tetrádica
#FFB6C1 · #E6FFB8 · #B8FFF4 · #D1B8FF
Complementar dividida
#FFB6C1 · #B8FFD1 · #B8E6FF
Monocromática
#FF3856 · #FF8597 · #FFB6C1 · #FFFFFF · #FFFFFF
Rosa-claro com texto branco e preto
Como usar em CSS
:root {
--color-light-pink: #FFB6C1;
--color-light-pink-rgb: 255, 182, 193;
}
.elemento {
background-color: var(--color-light-pink);
color: #000000;
}