Ir para o seletor de cores

Cor #22bdfd: Intenso tom claro de azul-celeste

#22bdfd é rgb(34, 189, 253) em RGB e oklch(75.224% 0.14894 233.068) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

198 °
100%

75,2%
0,149
233 °
  • Azul-celeste
  • Claro
  • Intenso
  • Fria
  • ≈ Azul-céu
  • sky-400
  • Preto 1%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
2.15:1Difícil de ler
Lc -46
Texto preto
9.77:1Legível · AA
Lc 62

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 #22bdfd

#22bdfd é um intenso tom claro de azul-celeste. Em OKLCH, tem luminosidade 75,2%, croma 0.149 e matiz 233 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 2.15:1 e texto preto a 9.77: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 é sky-400.

Mais tons de azul-celeste (claro)

Mais claro: #22bdfd misturado com branco

  1. 22bdfd
  2. 4bc4fe
  3. 66cbff
  4. 7dd2ff
  5. 92d9ff
  6. a5dfff
  7. b8e6ff
  8. caecff
  9. dcf3ff
  10. eef9ff

Mais escuro: #22bdfd misturado com preto

  1. 22bdfd
  2. 1ca4dc
  3. 168cbc
  4. 11749d
  5. 0b5d7f
  6. 074762
  7. 033347
  8. 011f2d
  9. 000d16
  10. 000203

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

  1. 22bdfd
  2. 41bcf5
  3. 55bbee
  4. 65bae6
  5. 72b9de
  6. 7eb7d7
  7. 89b6cf
  8. 93b4c7
  9. 9db2bf
  10. a6b0b7

Perguntas sobre #22bdfd

Que cor é #22bdfd?

#22bdfd é um intenso tom claro de azul-celeste. A cor com nome mais próxima é Intenso tom claro de azul-celeste. Em RGB é rgb(34, 189, 253), em HSL hsl(197.53, 98.21%, 56.27%) e em OKLCH oklch(75.224% 0.14894 233.068).

Quais cores combinam com #22bdfd?

A cor complementar de #22bdfd é #f7914b. Para uma combinação mais tranquila, use as cores análogas #00c9d8 e #7cacff. As parceiras da tríade são #f584b7 e #b0b835.

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

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

#22bdfd é uma cor quente ou fria?

#22bdfd é uma cor fria. Em OKLCH, o matiz é de 233 graus, a luminosidade 75,2% e o croma 0.149.