Tonos de Ámbar: 20 Tipos y HEX
Estos son los 20 tonos de ámbar más usados, del más claro al más oscuro.
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 ámbar 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.