Ir para o seletor de cores

Cor #bccadd: Delicado tom claro de azul

#bccadd é rgb(188, 202, 221) em RGB e oklch(83.425% 0.03072 256.023) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

215 °
100%

83,4%
0,031
256 °
  • Azul
  • Claro
  • Discreto
  • Pastel
  • Fria
  • ≈ Azul-claro
  • slate-300
  • Preto 13%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
1.66:1Difícil de ler
Lc -33
Texto preto
12.63:1Legível · AA
Lc 75

Tons

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

Harmonias

Abrir como paleta

Recentes

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

Sobre #bccadd

#bccadd é um delicado tom claro de azul. Em OKLCH, tem luminosidade 83,4%, croma 0.031 e matiz 256 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

A cor com nome mais próxima é Azul-claro (#add8e6). No Tailwind CSS, a cor mais próxima é slate-300.

Mais tons de azul (claro)

Mais claro: #bccadd misturado com branco

  1. bccadd
  2. c3cfe0
  3. c9d4e4
  4. d0dae7
  5. d6dfeb
  6. dde4ee
  7. e4eaf1
  8. ebeff5
  9. f1f4f8
  10. f8fafc

Mais escuro: #bccadd misturado com preto

  1. bccadd
  2. a3afc0
  3. 8b95a4
  4. 737c88
  5. 5d646e
  6. 474d55
  7. 32373d
  8. 1f2226
  9. 0d0f11
  10. 020202

Mais acinzentado: #bccadd com menos saturação

  1. bccadd
  2. bdcadb
  3. bfcad9
  4. c0cad7
  5. c1c9d5
  6. c2c9d3
  7. c4c9d1
  8. c5c9cf
  9. c6c9cd
  10. c7c9cb

Perguntas sobre #bccadd

Que cor é #bccadd?

#bccadd é um delicado tom claro de azul. A cor com nome mais próxima é Delicado tom claro de azul. Em RGB é rgb(188, 202, 221), em HSL hsl(214.55, 32.67%, 80.2%) e em OKLCH oklch(83.425% 0.03072 256.023).

Quais cores combinam com #bccadd?

A cor complementar de #bccadd é #d4c6b3. Para uma combinação mais tranquila, use as cores análogas #b5cdd8 e #c6c6dc. As parceiras da tríade são #dcc1c2 e #c0ceba.

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

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

#bccadd é uma cor quente ou fria?

#bccadd é uma cor fria. Em OKLCH, o matiz é de 256 graus, a luminosidade 83,4% e o croma 0.031.