Ir para o seletor de cores

Cor #eaa166: Suave tom claro de laranja

#eaa166 é rgb(234, 161, 102) em RGB e oklch(76.807% 0.11503 58.856) em OKLCH. Todos os outros formatos, tons e valores de contraste estão abaixo.

Lido como HEX

27 °
100%

76,8%
0,115
59 °
  • Laranja
  • Claro
  • Suave
  • Quente
  • ≈ Castanho-claro
  • orange-400
  • Preto 8%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
2.15:1Difícil de ler
Lc -47
Texto preto
9.79:1Legível · AA
Lc 62

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

#eaa166 é um suave tom claro de laranja. Em OKLCH, tem luminosidade 76,8%, croma 0.115 e matiz 59 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 2.15:1 e texto preto a 9.79: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-400.

Mais tons de laranja (claro)

Mais claro: #eaa166 misturado com branco

  1. eaa166
  2. edab76
  3. efb486
  4. f2be95
  5. f4c7a5
  6. f6d0b4
  7. f9dac3
  8. fae3d2
  9. fcece1
  10. fef6f0

Mais escuro: #eaa166 misturado com preto

  1. eaa166
  2. cb8b58
  3. ae764a
  4. 91623c
  5. 754e2f
  6. 5a3c23
  7. 412a17
  8. 29190c
  9. 130904
  10. 030100

Mais acinzentado: #eaa166 com menos saturação

  1. eaa166
  2. e5a36f
  3. e0a578
  4. dba880
  5. d5a988
  6. d0ab90
  7. cbad97
  8. c5af9e
  9. bfb0a6
  10. b9b2ad

Cores com nome parecidas

Cores que combinam com #eaa166

Complementar
#eaa166#68bef5
Análoga
#eaa166#f49789#d1b056
Triádica
#eaa166#4fcbb5#bda3f3
Dividida
#eaa166#43c8db#95b0fd

Perguntas sobre #eaa166

Que cor é #eaa166?

#eaa166 é um suave tom claro de laranja. A cor com nome mais próxima é Suave tom claro de laranja. Em RGB é rgb(234, 161, 102), em HSL hsl(26.82, 75.86%, 65.88%) e em OKLCH oklch(76.807% 0.11503 58.856).

Quais cores combinam com #eaa166?

A cor complementar de #eaa166 é #68bef5. Para uma combinação mais tranquila, use as cores análogas #f49789 e #d1b056. As parceiras da tríade são #4fcbb5 e #bda3f3.

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

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

#eaa166 é uma cor quente ou fria?

#eaa166 é uma cor quente. Em OKLCH, o matiz é de 59 graus, a luminosidade 76,8% e o croma 0.115.