Ir para o seletor de cores

Cor #83ccbb: Suave tom claro de verde-azulado

#83ccbb é rgb(131, 204, 187) em RGB e oklch(79.229% 0.07732 177.816) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

166 °
100%

79,2%
0,077
178 °
  • Verde-azulado
  • Claro
  • Suave
  • Fria
  • ≈ Turquesa
  • teal-400
  • Preto 20%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
1.86:1Difícil de ler
Lc -39
Texto preto
11.32: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 que você escolhe ou copia aparecem aqui. Elas ficam neste dispositivo.

Sobre #83ccbb

#83ccbb é um suave tom claro de verde-azulado. Em OKLCH, tem luminosidade 79,2%, croma 0.077 e matiz 178 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

A cor com nome mais próxima é Turquesa (#40e0d0). No Tailwind CSS, a cor mais próxima é teal-400.

Mais tons de verde-azulado (claro)

Mais claro: #83ccbb misturado com branco

  1. 83ccbb
  2. 90d1c2
  3. 9dd6c8
  4. aadbcf
  5. b6e1d6
  6. c3e6dd
  7. cfebe3
  8. dbf0ea
  9. e7f5f1
  10. f3faf8

Mais escuro: #83ccbb misturado com preto

  1. 83ccbb
  2. 71b1a2
  3. 60978a
  4. 4f7e73
  5. 3f655c
  6. 2f4e46
  7. 203732
  8. 12221f
  9. 060f0d
  10. 010202

Mais acinzentado: #83ccbb com menos saturação

  1. 83ccbb
  2. 8acabb
  3. 90c9bb
  4. 96c7bb
  5. 9cc6bb
  6. a2c4bb
  7. a7c2bb
  8. acc0bb
  9. b1bfbb
  10. b6bdbb

Cores com nome parecidas

Cores que combinam com #83ccbb

Complementar
#83ccbb#e5a7bb
Análoga
#83ccbb#9ac99f#7dcad5
Triádica
#83ccbb#c1b1e7#e2af8a
Dividida
#83ccbb#d7aad5#e9a9a0

Perguntas sobre #83ccbb

Que cor é #83ccbb?

#83ccbb é um suave tom claro de verde-azulado. A cor com nome mais próxima é Suave tom claro de verde-azulado. Em RGB é rgb(131, 204, 187), em HSL hsl(166.03, 41.71%, 65.69%) e em OKLCH oklch(79.229% 0.07732 177.816).

Quais cores combinam com #83ccbb?

A cor complementar de #83ccbb é #e5a7bb. Para uma combinação mais tranquila, use as cores análogas #9ac99f e #7dcad5. As parceiras da tríade são #c1b1e7 e #e2af8a.

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

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

#83ccbb é uma cor quente ou fria?

#83ccbb é uma cor fria. Em OKLCH, o matiz é de 178 graus, a luminosidade 79,2% e o croma 0.077.