Ir para o seletor de cores

Cor Sálvia: #9caf88

Sálvia é #9caf88, rgb(156, 175, 136) em RGB e oklch(72.883% 0.05854 128.919) em OKLCH. Todos os outros formatos, tons, cores que combinam e paletas estão abaixo.

Lido como HEX

89 °
100%

72,9%
0,059
129 °
  • Verde-limão
  • Claro
  • Discreto
  • Esmaecido
  • Neutra
  • olive-400
  • Preto 31%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
2.36:1Difícil de ler
Lc -51
Texto preto
8.90:1Legível · AA
Lc 57

Tons

Do mais claro ao mais escuro. Clique em um tom para usá-lo.

Harmonias

Recentes

As cores que você escolhe ou copia aparecem aqui. Elas ficam neste dispositivo.

Também chamada de: Verde-sálvia, Sage, Sage green

Paletas com Sálvia

Cores com nome parecidas

Perguntas sobre Sálvia

Qual é o código HEX de Sálvia?

O código HEX de Sálvia é #9caf88. Em RGB é rgb(156, 175, 136), em HSL hsl(89.23, 19.6%, 60.98%) e em OKLCH oklch(72.883% 0.05854 128.919).

Quais cores combinam com Sálvia?

A cor complementar é #b29ec4. Para um visual mais tranquilo, combine com as cores análogas #b0a87e e #88b39a. Paletas prontas com Sálvia estão nesta página.

Sálvia é uma cor quente ou fria?

Sálvia é uma cor neutra, com matiz OKLCH de 129 graus.

Qual cor de texto é legível sobre Sálvia?

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

Sobre #9caf88

#9caf88 é um esmaecido tom claro de verde-limão. Em OKLCH, tem luminosidade 72,9%, croma 0.059 e matiz 129 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

A cor com nome mais próxima é Sálvia (#9caf88). No Tailwind CSS, a cor mais próxima é olive-400.

Mais tons de verde-limão (claro)

Mais claro: #9caf88 misturado com branco

  1. 9caf88

Mais escuro: #9caf88 misturado com preto

  1. 9caf88

Mais acinzentado: #9caf88 com menos saturação

  1. 9caf88

Cores com nome parecidas

Cores que combinam com #9caf88

Complementar
#9caf88
Análoga
#9caf88
Triádica
#9caf88
Dividida
#9caf88