Codes & values
- Color Name
Amber - Color ID
KDF-C-16096779 - HEX
#F59E0B - RGB
rgb(245, 158, 11) - RGBA
rgba(245, 158, 11, 1) - HSL
hsl(38, 92%, 50%) - HSLA
hsla(38, 92%, 50%, 1) - HSV / HSB
hsv(38, 96%, 96%) - CMYK
cmyk(0%, 36%, 96%, 4%) - Light / Dark
mid
Quick answers
- What is the HEX code for Amber?
- #F59E0B
- What is Amber RGB?
- rgb(245, 158, 11)
- What is Amber HSL?
- hsl(38, 92%, 50%)
- What is Amber CMYK?
- cmyk(0%, 36%, 96%, 4%)
What is Amber?
Amber is a curated orange family color at #F59E0B. It appears in our library with tags for ui, branding, design, web. This mid-range shade works as a primary brand or UI accent when contrast with text is verified. Temperature lean: warm — energetic, inviting, and closer to red/orange/yellow on the wheel..
Amber HEX code
The HEX code for Amber is #F59E0B. Paste it into CSS as color: #F59E0B; or background-color: #F59E0B;. Design tools accept the same six-digit value without the # prefix (f59e0b).
Amber RGB
Amber in RGB is rgb(245, 158, 11) (channels R 245, G 158, B 11). Use RGB when you need opacity via rgba(245, 158, 11, 1).
Amber HSL & HSV
HSL is hsl(38, 92%, 50%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(38, 96%, 96%), closer to how many digital pickers expose hue, saturation, and brightness.
Amber CMYK
Approximate CMYK for Amber is cmyk(0%, 36%, 96%, 4%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Amber
Darker shades (mixed toward black): #CC8409, #A36907, #7B4F06, #523504, #291A02. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Amber
Lighter tints (mixed toward white): #F7AE34, #F8BE5C, #FACF85, #FCDFAE, #FDEFD6. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Amber
Complementary pairing: #F59E0B, #0B62F5. Analogous neighbors: #F5290B, #F59E0B, #D7F50B. Triadic accents: #F59E0B, #0BF59E, #9E0BF5. Always check text contrast when pairing.
Amber color combinations
A practical combo: primary #F59E0B, complementary accent #0B62F5, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #F59E0B, #0BD7F5, #290BF5.
Amber in web design
Orange is a strong CTA and promo accent. It reads energetic on light backgrounds and pairs well with deep navy or charcoal for e-commerce and food brands.
Amber in branding
Brand oranges feel approachable and action-oriented — common in marketplaces and youth-facing apps. Contrast vs white is 2.15:1 (better as a large accent or background than small body text); vs black 9.78:1.
Amber as a neon accent
Amber reads neon/electric. Prefer dark backgrounds, use sparingly for logos and nightlife creatives, and verify contrast for any overlaid text.
Frequently asked questions
- What is the HEX code for Amber?
- Amber: #F59E0B.
- What is Amber RGB?
- Amber: rgb(245, 158, 11).
- What is Amber HSL?
- Amber: hsl(38, 92%, 50%).
- What is Amber CMYK?
- Amber: cmyk(0%, 36%, 96%, 4%).
- What colors go with Amber?
- Try complementary #F59E0B, #0B62F5 or analogous #F5290B, #F59E0B, #D7F50B.
- Is Amber good for text on white?
- Not ideal for small body text (2.15:1). Use as a large heading, button, or background instead.
Accessibility snapshot
Contrast vs white: 2.15:1 (prefer large accent or background). Contrast vs black: 9.78:1. Complementary swatch: #F59E0B, #0B62F5.
Explore related
Orange colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK