Ir para o seletor de cores

Cor #86bbdd: Esmaecido tom claro de azul-celeste

#86bbdd é rgb(134, 187, 221) em RGB e oklch(76.733% 0.07393 237.143) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

203 °
100%

76,7%
0,074
237 °
  • Azul-celeste
  • Claro
  • Suave
  • Esmaecido
  • Fria
  • ≈ Azul-céu
  • blue-300
  • Preto 13%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
2.07:1Difícil de ler
Lc -45
Texto preto
10.17:1Legível · AA
Lc 64

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 #86bbdd

#86bbdd é um esmaecido tom claro de azul-celeste. Em OKLCH, tem luminosidade 76,7%, croma 0.074 e matiz 237 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

A cor com nome mais próxima é Azul-céu (#87ceeb). No Tailwind CSS, a cor mais próxima é blue-300.

Mais tons de azul-celeste (claro)

Mais claro: #86bbdd misturado com branco

  1. 86bbdd
  2. 92c2e1
  3. 9fc9e4
  4. abcfe8
  5. b7d6eb
  6. c3ddee
  7. cfe4f2
  8. dbebf5
  9. e7f1f9
  10. f3f8fc

Mais escuro: #86bbdd misturado com preto

  1. 86bbdd
  2. 74a2c0
  3. 628aa4
  4. 517388
  5. 405c6e
  6. 304655
  7. 21323d
  8. 131f26
  9. 060d11
  10. 010202

Mais acinzentado: #86bbdd com menos saturação

  1. 86bbdd
  2. 8bbad9
  3. 90bad5
  4. 95b9d1
  5. 9ab8cd
  6. 9eb7c8
  7. a2b7c4
  8. a7b6c0
  9. abb5bc
  10. afb4b7

Cores com nome parecidas

Cores que combinam com #86bbdd

Complementar
#86bbdd#d8a885
Análoga
#86bbdd#79c1cb#9eb3e3
Triádica
#86bbdd#dba0b4#b0ba84
Dividida
#86bbdd#dfa29a#c8b17d

Perguntas sobre #86bbdd

Que cor é #86bbdd?

#86bbdd é um esmaecido tom claro de azul-celeste. A cor com nome mais próxima é Esmaecido tom claro de azul-celeste. Em RGB é rgb(134, 187, 221), em HSL hsl(203.45, 56.13%, 69.61%) e em OKLCH oklch(76.733% 0.07393 237.143).

Quais cores combinam com #86bbdd?

A cor complementar de #86bbdd é #d8a885. Para uma combinação mais tranquila, use as cores análogas #79c1cb e #9eb3e3. As parceiras da tríade são #dba0b4 e #b0ba84.

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

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

#86bbdd é uma cor quente ou fria?

#86bbdd é uma cor fria. Em OKLCH, o matiz é de 237 graus, a luminosidade 76,7% e o croma 0.074.