20 Tonos Diferentes de Color Ámbar (+ Códigos HEX)
Explora todos los tonos de ámbar, desde los más claros hasta los más oscuros. Consulta los códigos HEX, los nombres de los tonos y las paletas de colores ámbar. Haz clic en cualquier tono para copiar su código HEX.
El ámbar es miel con la luz por detrás: más cálido que el amarillo y más suave que el naranja. Funciona en alimentos, licores y empaques de otoño, y como estado de advertencia en interfaces.
Combínalo con cafés profundos y blancos rotos; sobre azul marino se lee casi como oro.
- 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 y RGB
ámbar tiene los siguientes códigos de color principales:
HEX: #fffaeb
RGB: (255, 250, 235).
Explora una amplia gama de tonos de con nuestro selector de colores interactivo. ¡Haz clic en cualquier color para copiar su código HEX y usarlo en tu proyecto!
Explora los tonos más 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
Explora los tonos más oscuros de ámbar
Clinker
#342a09
Punga
#4c3e15
Dallas
#655525
Yellow Metal
#816f3b
Barley Corn
#9b8955
Mongoose
#b4a474
Yuma
#ccbf94
Stark White
#e5dbbd
ámbar en HEX, RGB, HSL y CMYK
| HEX | #FFBF00 | |
|---|---|---|
| RGB | rgb(255, 191, 0) | |
| HSL | hsl(45, 100%, 50%) | |
| CMYK | cmyk(0%, 25%, 100%, 0%) |
Tonos claros y oscuros de ámbar
Los tonos claros suman blanco y los oscuros suman negro, sin cambiar el matiz. Sirven para estados hover, bordes y fondos que deben seguir siendo del mismo color.
Más claros
#ffc927
#ffd34e
#ffdd75
#ffe69c
#fff0c4
#fffaeb
Más oscuros
#d8a200
#b18500
#8a6700
#634a00
#3b2d00
#140f00
Colores que combinan con ámbar
Complementario
#FFBF00 #0040ff
El opuesto en el círculo cromático. Contraste máximo: úsalo como acento, no en media página.
Análogos
#ff4000 #FFBF00 #bfff00
Vecinos en el círculo. Tranquilos y coherentes, la forma más segura de armar una paleta.
Tríada
#FFBF00 #00ffbf #bf00ff
Tres colores a la misma distancia. Vivos y equilibrados; deja que uno mande.
Texto sobre ámbar
Medido según las WCAG: 4.5:1 para texto normal y 3:1 para texto grande. Prueba tu propia combinación en el Verificador de contraste
Carta de tonos de ámbar
Haz clic derecho para guardar la carta, o copia los códigos de arriba.