Ir para o seletor de cores

Cor #adbee2: Suave tom claro de azul

#adbee2 é rgb(173, 190, 226) em RGB e oklch(80.058% 0.05451 265.233) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

221 °
100%

80,1%
0,055
265 °
  • Azul
  • Claro
  • Suave
  • Fria
  • ≈ Azul-céu
  • blue-300
  • Preto 11%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
1.87:1Difícil de ler
Lc -40
Texto preto
11.24:1Legível · AA
Lc 69

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 #adbee2

#adbee2 é um suave tom claro de azul. Em OKLCH, tem luminosidade 80,1%, croma 0.055 e matiz 265 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 1.87:1 e texto preto a 11.24: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 (claro)

Mais claro: #adbee2 misturado com branco

  1. adbee2
  2. b5c4e5
  3. bdcbe8
  4. c5d1eb
  5. cdd8ee
  6. d5def1
  7. dee5f4
  8. e6ebf7
  9. eef2f9
  10. f7f8fc

Mais escuro: #adbee2 misturado com preto

  1. adbee2
  2. 96a5c4
  3. 7f8ca8
  4. 6a758c
  5. 555e71
  6. 414857
  7. 2d333e
  8. 1b1f27
  9. 0b0d12
  10. 010203

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

  1. adbee2
  2. afbede
  3. b0bedb
  4. b2bed7
  5. b4bed4
  6. b5bed0
  7. b7becc
  8. b9bec9
  9. babec5
  10. bcbec1

Perguntas sobre #adbee2

Que cor é #adbee2?

#adbee2 é um suave tom claro de azul. A cor com nome mais próxima é Suave tom claro de azul. Em RGB é rgb(173, 190, 226), em HSL hsl(220.75, 47.75%, 78.24%) e em OKLCH oklch(80.058% 0.05451 265.233).

Quais cores combinam com #adbee2?

A cor complementar de #adbee2 é #cebc96. Para uma combinação mais tranquila, use as cores análogas #9dc4dc e #c0b8de. As parceiras da tríade são #dfb1ac e #a9c8a9.

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

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

#adbee2 é uma cor quente ou fria?

#adbee2 é uma cor fria. Em OKLCH, o matiz é de 265 graus, a luminosidade 80,1% e o croma 0.055.