Ir para o seletor de cores

Cor #5ccda2: Intenso tom claro de esmeralda

#5ccda2 é rgb(92, 205, 162) em RGB e oklch(77.086% 0.12163 165.595) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

157 °
100%

77,1%
0,122
166 °
  • Esmeralda
  • Claro
  • Intenso
  • Fria
  • ≈ Esmeralda
  • teal-400
  • Preto 20%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
1.96:1Difícil de ler
Lc -42
Texto preto
10.71:1Legível · AA
Lc 66

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 #5ccda2

#5ccda2 é um intenso tom claro de esmeralda. Em OKLCH, tem luminosidade 77,1%, croma 0.122 e matiz 166 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

A cor com nome mais próxima é Esmeralda (#50c878). No Tailwind CSS, a cor mais próxima é teal-400.

Mais tons de esmeralda (claro)

Mais claro: #5ccda2 misturado com branco

  1. 5ccda2
  2. 70d2ab
  3. 83d7b4
  4. 94ddbd
  5. a4e2c7
  6. b4e7d0
  7. c4ecd9
  8. d3f1e2
  9. e2f5ec
  10. f0faf5

Mais escuro: #5ccda2 misturado com preto

  1. 5ccda2
  2. 4fb28c
  3. 429877
  4. 367e63
  5. 2a664f
  6. 1f4e3c
  7. 14382a
  8. 0a2319
  9. 030f0a
  10. 000201

Mais acinzentado: #5ccda2 com menos saturação

  1. 5ccda2
  2. 69cba4
  3. 74c8a6
  4. 7ec6a8
  5. 87c4a9
  6. 90c1ab
  7. 98bfad
  8. a0bcaf
  9. a7bab1
  10. aeb7b3

Perguntas sobre #5ccda2

Que cor é #5ccda2?

#5ccda2 é um intenso tom claro de esmeralda. A cor com nome mais próxima é Intenso tom claro de esmeralda. Em RGB é rgb(92, 205, 162), em HSL hsl(157.17, 53.05%, 58.24%) e em OKLCH oklch(77.086% 0.12163 165.595).

Quais cores combinam com #5ccda2?

A cor complementar de #5ccda2 é #ec94c5. Para uma combinação mais tranquila, use as cores análogas #91c676 e #32cccd. As parceiras da tríade são #ada9ff e #f49b71.

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

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

#5ccda2 é uma cor quente ou fria?

#5ccda2 é uma cor fria. Em OKLCH, o matiz é de 166 graus, a luminosidade 77,1% e o croma 0.122.