Ir para o seletor de cores

Cor #aaa35f: Suave tom claro de amarelo

#aaa35f é rgb(170, 163, 95) em RGB e oklch(70.596% 0.08965 103.281) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

54 °
100%

70,6%
0,090
103 °
  • Amarelo
  • Claro
  • Suave
  • Neutra
  • ≈ Camelo
  • olive-400
  • Preto 33%

Dentro do sRGB: aparece igual em qualquer tela.

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

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

#aaa35f é um suave tom claro de amarelo. Em OKLCH, tem luminosidade 70,6%, croma 0.09 e matiz 103 °.

Dentro do sRGB: aparece igual em qualquer tela.

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

A cor com nome mais próxima é Camelo (#c19a6b). No Tailwind CSS, a cor mais próxima é olive-400.

Mais tons de amarelo (claro)

Mais claro: #aaa35f misturado com branco

  1. aaa35f
  2. b2ac70
  3. bab580
  4. c3be90
  5. cbc79f
  6. d3d1af
  7. dcdabf
  8. e5e3cf
  9. edecdf
  10. f6f6ef

Mais escuro: #aaa35f misturado com preto

  1. aaa35f
  2. 938d52
  3. 7d7844
  4. 686338
  5. 534f2c
  6. 3f3c20
  7. 2d2a15
  8. 1b190a
  9. 0b0a03
  10. 010100

Mais acinzentado: #aaa35f com menos saturação

  1. aaa35f
  2. a9a367
  3. a8a36e
  4. a7a275
  5. a6a27b
  6. a5a282
  7. a4a288
  8. a3a18e
  9. a2a194
  10. a1a19a

Cores com nome parecidas

Cores que combinam com #aaa35f

Complementar
#aaa35f#9899d7
Análoga
#aaa35f#c2985f#8aad73
Triádica
#aaa35f#5badc9#c88aaf
Dividida
#aaa35f#78a4d7#b490c8

Perguntas sobre #aaa35f

Que cor é #aaa35f?

#aaa35f é um suave tom claro de amarelo. A cor com nome mais próxima é Suave tom claro de amarelo. Em RGB é rgb(170, 163, 95), em HSL hsl(54.4, 30.61%, 51.96%) e em OKLCH oklch(70.596% 0.08965 103.281).

Quais cores combinam com #aaa35f?

A cor complementar de #aaa35f é #9899d7. Para uma combinação mais tranquila, use as cores análogas #c2985f e #8aad73. As parceiras da tríade são #5badc9 e #c88aaf.

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

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

#aaa35f é uma cor quente ou fria?

#aaa35f é uma cor neutra. Em OKLCH, o matiz é de 103 graus, a luminosidade 70,6% e o croma 0.09.