Ir para o seletor de cores

Cor #aaaa64: Suave tom claro de amarelo

#aaaa64 é rgb(170, 170, 100) em RGB e oklch(72.201% 0.0921 108.501) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

60 °
100%

72,2%
0,092
109 °
  • Amarelo
  • Claro
  • Suave
  • Neutra
  • ≈ Sálvia
  • olive-400
  • Preto 33%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
2.43:1Difícil de ler
Lc -53
Texto preto
8.64:1Legível · AA
Lc 56

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

#aaaa64 é um suave tom claro de amarelo. Em OKLCH, tem luminosidade 72,2%, croma 0.092 e matiz 109 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 2.43:1 e texto preto a 8.64: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 amarelo (claro)

Mais claro: #aaaa64 misturado com branco

  1. aaaa64
  2. b2b274
  3. babb84
  4. c3c393
  5. cbcca2
  6. d3d4b2
  7. dcddc1
  8. e5e5d1
  9. edeee0
  10. f6f6ef

Mais escuro: #aaaa64 misturado com preto

  1. aaaa64
  2. 939356
  3. 7d7d48
  4. 68683b
  5. 53532e
  6. 3f3f22
  7. 2d2d16
  8. 1b1b0b
  9. 0b0b03
  10. 010100

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

  1. aaaa64
  2. a9aa6c
  3. a9a973
  4. a8a97a
  5. a8a880
  6. a7a887
  7. a7a78d
  8. a6a793
  9. a6a699
  10. a5a69f

Perguntas sobre #aaaa64

Que cor é #aaaa64?

#aaaa64 é um suave tom claro de amarelo. A cor com nome mais próxima é Suave tom claro de amarelo. Em RGB é rgb(170, 170, 100), em HSL hsl(60, 29.17%, 52.94%) e em OKLCH oklch(72.201% 0.0921 108.501).

Quais cores combinam com #aaaa64?

A cor complementar de #aaaa64 é #a29cdc. Para uma combinação mais tranquila, use as cores análogas #c59e60 e #88b37b. As parceiras da tríade são #62b1d3 e #d18daf.

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

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

#aaaa64 é uma cor quente ou fria?

#aaaa64 é uma cor neutra. Em OKLCH, o matiz é de 109 graus, a luminosidade 72,2% e o croma 0.092.