Ir para o seletor de cores

Cor #ccbdff: Delicado tom claro de violeta

#ccbdff é rgb(204, 189, 255) em RGB e oklch(83.351% 0.09247 294.737) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

254 °
100%

83,4%
0,092
295 °
  • Violeta
  • Claro
  • Intenso
  • Pastel
  • Fria
  • ≈ Pervinca
  • violet-300
  • Preto 0%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
1.71:1Difícil de ler
Lc -34
Texto preto
12.29:1Legível · AA
Lc 73

Tons

Do mais claro ao mais escuro. Clique em um tom para usá-lo.

Harmonias

Abrir como paleta

Recentes

As cores em que você para ou que copia aparecem aqui. Elas ficam neste dispositivo.

Sobre #ccbdff

#ccbdff é um delicado tom claro de violeta. Em OKLCH, tem luminosidade 83,4%, croma 0.092 e matiz 295 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 1.71:1 e texto preto a 12.29:1, então o texto preto é mais legível.

A cor com nome mais próxima é Pervinca (#ccccff). No Tailwind CSS, a cor mais próxima é violet-300.

Mais tons de violeta (claro)

Mais claro: #ccbdff misturado com branco

  1. ccbdff
  2. d1c4ff
  3. d6caff
  4. dbd1ff
  5. e0d8ff
  6. e5deff
  7. eae5ff
  8. efebff
  9. f4f2ff
  10. faf8ff

Mais escuro: #ccbdff misturado com preto

  1. ccbdff
  2. b1a4de
  3. 978cbe
  4. 7e749e
  5. 655d80
  6. 4e4763
  7. 373348
  8. 221f2e
  9. 0f0d16
  10. 020203

Mais sóbrio: #ccbdff com menos saturação

  1. ccbdff
  2. ccbefa
  3. cbc0f4
  4. cbc1ef
  5. cac2ea
  6. cac3e4
  7. cac4df
  8. c9c5d9
  9. c9c6d4
  10. c9c7ce

Perguntas sobre #ccbdff

Que cor é #ccbdff?

#ccbdff é um delicado tom claro de violeta. A cor com nome mais próxima é Delicado tom claro de violeta. Em RGB é rgb(204, 189, 255), em HSL hsl(253.64, 100%, 87.06%) e em OKLCH oklch(83.351% 0.09247 294.737).

Quais cores combinam com #ccbdff?

A cor complementar de #ccbdff é #c6d08a. Para uma combinação mais tranquila, use as cores análogas #abc8ff e #e7b4ea. As parceiras da tríade são #f8b98f e #84dcc5.

Texto branco ou preto é mais legível sobre #ccbdff?

O texto preto é mais legível sobre #ccbdff: o branco dá uma razão de contraste de 1.71:1 e o preto, 12.29:1. A WCAG AA pede pelo menos 4,5:1 para texto corrido.

#ccbdff é uma cor quente ou fria?

#ccbdff é uma cor fria. Em OKLCH, o matiz é de 295 graus, a luminosidade 83,4% e o croma 0.092.