Ir para o seletor de cores

Cor #bbccdd: Delicado tom claro de azul

#bbccdd é rgb(187, 204, 221) em RGB e oklch(83.763% 0.03018 248.188) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

210 °
100%

83,8%
0,030
248 °
  • Azul
  • Claro
  • Discreto
  • Pastel
  • Fria
  • ≈ Azul-claro
  • slate-300
  • Preto 13%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
1.64:1Difícil de ler
Lc -32
Texto preto
12.79: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 em que você para ou que copia aparecem aqui. Elas ficam neste dispositivo.

Sobre #bbccdd

#bbccdd é um delicado tom claro de azul. Em OKLCH, tem luminosidade 83,8%, croma 0.03 e matiz 248 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 1.64:1 e texto preto a 12.79: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: #bbccdd misturado com branco

  1. bbccdd
  2. c2d1e0
  3. c8d6e4
  4. cfdbe7
  5. d6e0eb
  6. dde5ee
  7. e3eaf1
  8. eaf0f5
  9. f1f5f8
  10. f8fafc

Mais escuro: #bbccdd misturado com preto

  1. bbccdd
  2. a2b1c0
  3. 8a97a4
  4. 737e88
  5. 5c656e
  6. 464e55
  7. 32373d
  8. 1f2226
  9. 0d0f11
  10. 020202

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

  1. bbccdd
  2. bcccdb
  3. beccd9
  4. bfcbd7
  5. c1cbd5
  6. c2cbd3
  7. c4cbd1
  8. c5cacf
  9. c7cacd
  10. c8cacc

Perguntas sobre #bbccdd

Que cor é #bbccdd?

#bbccdd é um delicado tom claro de azul. A cor com nome mais próxima é Delicado tom claro de azul. Em RGB é rgb(187, 204, 221), em HSL hsl(210, 33.33%, 80%) e em OKLCH oklch(83.763% 0.03018 248.188).

Quais cores combinam com #bbccdd?

A cor complementar de #bbccdd é #d7c7b5. Para uma combinação mais tranquila, use as cores análogas #b5cfd7 e #c5c8de. As parceiras da tríade são #dcc2c6 e #c4ceb9.

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

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

#bbccdd é uma cor quente ou fria?

#bbccdd é uma cor fria. Em OKLCH, o matiz é de 248 graus, a luminosidade 83,8% e o croma 0.03.