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 | |
|---|---|---|
| RGB | rgb(255, 191, 0) | |
| HSL | hsl(45, 100%, 50%) | |
| CMYK | cmyk(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
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

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