What is color #ffa500?
#ffa500 is Amber, a electric orange tone with a warm character. It is often overlooked but richly versatile and carries the mood of enthusiasm.
Historically, this kind of color traces back to safflower dye of Egypt. Today it appears across creative agency identities and autumn campaigns.
To make the most of #ffa500, pair it with a soft neutral to let it breathe, or combine it with analogous neighbors for harmonious palettes.
Conversions for #ffa500
HEX
#ffa500
RGB
255, 165, 0
HSL
39°, 100%, 50%
HSV
39°, 100%, 100%
CMYK
0%, 35%, 100%, 0%
XYZ
54.70, 48.17, 6.42
CIE-Lab
74.93, 23.94, 78.96
Web safe
#ff9900
WCAG accessibility of #ffa500 (Amber)
On white
1.97 : 1
Sample #ffa500
Rating: Fail
On black
10.63 : 1
Sample #ffa500
Rating: AAA
Tones of Amber (desaturated variations of #ffa500)
Color harmonies for #ffa500
Colors similar to #ffa500
Gradients featuring #ffa500
Linear to white
Linear to black
To complement
Radial
Tri-stop
Analogous
UI elements in #ffa500
Buttons
NewFeaturedBeta
Notification
Short description with accent.
"Color awakens a specific emotional response."
Typography in #ffa500
The quick brown fox
jumps over the lazy dog
1234567890 — & @ # ! ?
Body text rendered in #ffa500.
const color = "#ffa500";
CSS & Tailwind snippets for #ffa500
Background
.bg-ffa500 { background-color: #ffa500; }Text color
.text-ffa500 { color: #ffa500; }Border
.border-ffa500 { border: 1px solid #ffa500; }Box shadow
.shadow-ffa500 { box-shadow: 0 4px 14px #ffa50040; }CSS variable
:root { --color-ffa500: #ffa500; }Tailwind config
colors: {
'amber': '#ffa500',
}