Ir para o seletor de cores

Cor #e7a577: Suave tom claro de laranja

#e7a577 é rgb(231, 165, 119) em RGB e oklch(77.477% 0.09926 55.565) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

25 °
100%

77,5%
0,099
56 °
  • Laranja
  • Claro
  • Suave
  • Quente
  • ≈ Castanho-claro
  • orange-300
  • Preto 9%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
2.09:1Difícil de ler
Lc -45
Texto preto
10.05: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 #e7a577

#e7a577 é um suave tom claro de laranja. Em OKLCH, tem luminosidade 77,5%, croma 0.099 e matiz 56 °.

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.05:1, então o texto preto é mais legível.

A cor com nome mais próxima é Castanho-claro (#d2b48c). No Tailwind CSS, a cor mais próxima é orange-300.

Mais tons de laranja (claro)

Mais claro: #e7a577 misturado com branco

  1. e7a577
  2. eaae85
  3. edb793
  4. f0c0a0
  5. f2c9ae
  6. f5d2bb
  7. f7dbc9
  8. f9e4d6
  9. fbede4
  10. fdf6f1

Mais escuro: #e7a577 misturado com preto

  1. e7a577
  2. c98f67
  3. ab7957
  4. 8f6547
  5. 735138
  6. 593d2a
  7. 402b1c
  8. 281a10
  9. 130a05
  10. 030101

Mais acinzentado: #e7a577 com menos saturação

  1. e7a577
  2. e2a77e
  3. dea985
  4. d9ab8b
  5. d4ac92
  6. cfae98
  7. cab09e
  8. c5b1a4
  9. c0b3aa
  10. bbb4b0

Cores com nome parecidas

Cores que combinam com #e7a577

Complementar
#e7a577#73c0ec
Análoga
#e7a577#ef9d95#d2b169
Triádica
#e7a577#69cbb3#bba9ef
Dividida
#e7a577#5dc8d4#97b5f6

Perguntas sobre #e7a577

Que cor é #e7a577?

#e7a577 é um suave tom claro de laranja. A cor com nome mais próxima é Suave tom claro de laranja. Em RGB é rgb(231, 165, 119), em HSL hsl(24.64, 70%, 68.63%) e em OKLCH oklch(77.477% 0.09926 55.565).

Quais cores combinam com #e7a577?

A cor complementar de #e7a577 é #73c0ec. Para uma combinação mais tranquila, use as cores análogas #ef9d95 e #d2b169. As parceiras da tríade são #69cbb3 e #bba9ef.

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

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

#e7a577 é uma cor quente ou fria?

#e7a577 é uma cor quente. Em OKLCH, o matiz é de 56 graus, a luminosidade 77,5% e o croma 0.099.