Ir para o seletor de cores

Cor #7cc299: Suave tom claro de esmeralda

#7cc299 é rgb(124, 194, 153) em RGB e oklch(75.619% 0.09265 157.572) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

145 °
100%

75,6%
0,093
158 °
  • Esmeralda
  • Claro
  • Suave
  • Fria
  • ≈ Pistache
  • teal-400
  • Preto 24%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
2.09:1Difícil de ler
Lc -45
Texto preto
10.03:1Legível · AA
Lc 63

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

#7cc299 é um suave tom claro de esmeralda. Em OKLCH, tem luminosidade 75,6%, croma 0.093 e matiz 158 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

A cor com nome mais próxima é Pistache (#93c572). No Tailwind CSS, a cor mais próxima é teal-400.

Mais tons de esmeralda (claro)

Mais claro: #7cc299 misturado com branco

  1. 7cc299
  2. 8ac8a3
  3. 97cead
  4. a5d4b7
  5. b2dbc1
  6. bfe1cb
  7. cce7d5
  8. d8ede0
  9. e5f3ea
  10. f2f9f4

Mais escuro: #7cc299 misturado com preto

  1. 7cc299
  2. 6ba884
  3. 5a8f70
  4. 4a775d
  5. 3b604a
  6. 2c4938
  7. 1e3427
  8. 112017
  9. 050e08
  10. 010201

Mais acinzentado: #7cc299 com menos saturação

  1. 7cc299
  2. 82c09b
  3. 88bf9e
  4. 8ebda0
  5. 93bba2
  6. 98b9a5
  7. 9db7a7
  8. a2b6a9
  9. a7b4ab
  10. abb2ad

Cores com nome parecidas

Cores que combinam com #7cc299

Complementar
#7cc299#d799c5
Análoga
#7cc299#9fbb7b#62c3ba
Triádica
#7cc299#a1abeb#e49b85
Dividida
#7cc299#c0a0de#e397a5

Perguntas sobre #7cc299

Que cor é #7cc299?

#7cc299 é um suave tom claro de esmeralda. A cor com nome mais próxima é Suave tom claro de esmeralda. Em RGB é rgb(124, 194, 153), em HSL hsl(144.86, 36.46%, 62.35%) e em OKLCH oklch(75.619% 0.09265 157.572).

Quais cores combinam com #7cc299?

A cor complementar de #7cc299 é #d799c5. Para uma combinação mais tranquila, use as cores análogas #9fbb7b e #62c3ba. As parceiras da tríade são #a1abeb e #e49b85.

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

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

#7cc299 é uma cor quente ou fria?

#7cc299 é uma cor fria. Em OKLCH, o matiz é de 158 graus, a luminosidade 75,6% e o croma 0.093.