20 Tons diferentes de Âmbar (+ códigos HEX)

Explore todos os tons de âmbar, dos mais claros aos mais escuros. Veja os códigos HEX, os nomes dos tons e paletas de cores âmbar. Clique em qualquer tom para copiar o código.

O âmbar é mel com a luz por trás: mais quente que o amarelo e mais macio que o laranja. Funciona em alimentos, destilados e embalagens de outono, e como estado de alerta em interfaces.

Combine com marrons profundos e brancos quebrados; sobre azul-marinho ele quase vira ouro.

  • early dawn
    #fffaeb
  • milk punch
    #fff4d2
  • colonial white
    #ffeeba
  • cream brulee
    #ffe8a1
  • salomie
    #ffe189
  • kournikova
    #ffdb70
  • mustard
    #ffd558
  • bright sun
    #ffcf40
  • sunglow
    #ffc927
  • supernova
    #ffc30f
  • selective yellow
    #f5b800
  • corn
    #dda600
  • buddha gold
    #c49300
  • pirate gold
    #ac8100
  • olive
    #946f00
  • cinnamon
    #7b5c00
  • nutmeg wood finish
    #634a00
  • saddle brown
    #4a3800
  • cola
    #322500
  • nero
    #1a1300

Âmbar: códigos HEX e RGB

âmbar tem os seguintes códigos de cor principais:

  • HEX: #fffaeb

  • RGB: (255, 250, 235).

Explore uma ampla gama de tons de âmbar no seletor interativo. Clique em qualquer cor para copiar o código HEX e usar no seu projeto!

Explore os tons mais claros de âmbar

  • Early Dawn

    #fffaeb

  • Buttery White

    #fffbeb

  • Island Spice

    #fffbf0

  • Island Spice

    #fffbf0

  • Quarter Pearl Lusta

    #fffcf5

  • Quarter Pearl Lusta

    #fffdf5

  • Quarter Pearl Lusta

    #fffcf5

  • Black White

    #fffefa

  • Black White

    #fffefa

  • White

    #ffffff

Explore os tons mais escuros de âmbar

  • Clinker

    #342a09

  • Punga

    #4c3e15

  • Dallas

    #655525

  • Yellow Metal

    #816f3b

  • Barley Corn

    #9b8955

  • Mongoose

    #b4a474

  • Yuma

    #ccbf94

  • Stark White

    #e5dbbd

âmbar em HEX, RGB, HSL e CMYK

HEX#FFBF00
RGBrgb(255, 191, 0)
HSLhsl(45, 100%, 50%)
CMYKcmyk(0%, 25%, 100%, 0%)

Tons claros e escuros de âmbar

Os tons claros somam branco e os escuros somam preto, sem mudar o matiz. Servem para estados hover, bordas e fundos que precisam continuar sendo da mesma cor.

Mais claros

  • #ffc927

  • #ffd34e

  • #ffdd75

  • #ffe69c

  • #fff0c4

  • #fffaeb

Mais escuros

  • #d8a200

  • #b18500

  • #8a6700

  • #634a00

  • #3b2d00

  • #140f00

Cores que combinam com âmbar

Complementar

#FFBF00 #0040ff

O oposto no círculo cromático. Contraste máximo: use como acento, não em meia página.

Análogas

#ff4000 #FFBF00 #bfff00

Vizinhas no círculo. Calmas e coerentes, o jeito mais seguro de montar uma paleta.

Tríade

#FFBF00 #00ffbf #bf00ff

Três cores igualmente espaçadas. Vivas e equilibradas; deixe uma delas dominar.

Texto sobre âmbar

Exemplo de texto primário
Texto branco sobre âmbar1.65:1Reprovado
Exemplo de texto primário
Texto quase preto sobre âmbar10.73:1AAA

Medido pelas WCAG: 4.5:1 para texto normal e 3:1 para texto grande. Teste a sua própria combinação no Verificador de contraste

Tabela de tons de âmbar

Tabela com cinco tons de âmbar, do mais claro ao mais escuro

Clique com o botão direito para salvar a tabela, ou copie os códigos acima.

Paletas de cores com um tom parecido