Cor Roxo-claro: código #B19CD9

Roxo-claro

#B19CD9

Códigos da cor

  • HEX#B19CD9
  • RGBrgb(177, 156, 217)
  • HSLhsl(261, 45%, 73%)
  • HSVhsv(261, 28%, 85%)
  • CMYKcmyk(18%, 28%, 0%, 15%)
  • LABlab(68.1% 19.9 -28.2)
  • OKLCHoklch(73.3% 0.09 300)

Sobre a cor Roxo-claro

Roxo-claro tem o código HEX #B19CD9, que corresponde a rgb(177, 156, 217) no modelo RGB. No círculo cromático, seu matiz fica em 261°, com 45% de saturação e 73% de luminosidade (hsl(261, 45%, 73%)).

Pelo matiz, é percebida como uma cor fria: tende a transmitir calma e distância e a “recuar” visualmente na composição.

Como fundo, pede texto escuro: o preto atinge contraste de 8,62:1 sobre ela, contra 2,43:1 do branco.

Para impressão, a conversão aproximada é cmyk(18%, 28%, 0%, 15%). 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 Roxo-claro

Complementar

#B19CD9 · #C3D99B

Análoga

#9BA4D9 · #B19CD9 · #D09BD9

Tríade

#B19CD9 · #D9B19B · #9BD9B1

Tetrádica

#B19CD9 · #D99BA4 · #C3D99B · #9BD9D0

Complementar dividida

#B19CD9 · #D9D09B · #A4D99B

Monocromática

#6A43B1 · #9476CB · #B19CD9 · #DCD3EE · #FFFFFF

Roxo-claro com texto branco e preto

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

Testar outras combinações no verificador de contraste

Como usar em CSS

:root {
  --color-light-purple: #B19CD9;
  --color-light-purple-rgb: 177, 156, 217;
}

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