Ir para o seletor de cores

Cor #7ccdfd: Delicado tom claro de azul-celeste

#7ccdfd é rgb(124, 205, 253) em RGB e oklch(81.44% 0.10456 236.037) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

202 °
100%

81,4%
0,105
236 °
  • Azul-celeste
  • Claro
  • Intenso
  • Pastel
  • Fria
  • ≈ Azul-bebê
  • sky-300
  • Preto 1%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
1.75:1Difícil de ler
Lc -36
Texto preto
12.01:1Legível · AA
Lc 72

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

#7ccdfd é um delicado tom claro de azul-celeste. Em OKLCH, tem luminosidade 81,4%, croma 0.105 e matiz 236 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

A cor com nome mais próxima é Azul-bebê (#89cff0). No Tailwind CSS, a cor mais próxima é sky-300.

Mais tons de azul-celeste (claro)

Mais claro: #7ccdfd misturado com branco

  1. 7ccdfd
  2. 8bd2fe
  3. 99d7fe
  4. a6ddfe
  5. b3e2ff
  6. c0e7ff
  7. cdecff
  8. daf0ff
  9. e6f5ff
  10. f3faff

Mais escuro: #7ccdfd misturado com preto

  1. 7ccdfd
  2. 6bb2dc
  3. 5a98bc
  4. 4a7e9d
  5. 3b667f
  6. 2c4e62
  7. 1e3847
  8. 11232d
  9. 050f16
  10. 010203

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

  1. 7ccdfd
  2. 85ccf7
  3. 8dcbf2
  4. 94caec
  5. 9cc9e6
  6. a3c8e0
  7. a9c7da
  8. b0c6d4
  9. b6c5ce
  10. bcc3c8

Perguntas sobre #7ccdfd

Que cor é #7ccdfd?

#7ccdfd é um delicado tom claro de azul-celeste. A cor com nome mais próxima é Delicado tom claro de azul-celeste. Em RGB é rgb(124, 205, 253), em HSL hsl(202.33, 96.99%, 73.92%) e em OKLCH oklch(81.44% 0.10456 236.037).

Quais cores combinam com #7ccdfd?

A cor complementar de #7ccdfd é #f7b17f. Para uma combinação mais tranquila, use as cores análogas #64d6e3 e #a3c1ff. As parceiras da tríade são #f9a6c4 e #bfcb7b.

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

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

#7ccdfd é uma cor quente ou fria?

#7ccdfd é uma cor fria. Em OKLCH, o matiz é de 236 graus, a luminosidade 81,4% e o croma 0.105.