Codes & values
- Color Name
Warning Amber - Color ID
KDF-C-14251782 - HEX
#D97706 - RGB
rgb(217, 119, 6) - RGBA
rgba(217, 119, 6, 1) - HSL
hsl(32, 95%, 44%) - HSLA
hsla(32, 95%, 44%, 1) - HSV / HSB
hsv(32, 97%, 85%) - CMYK
cmyk(0%, 45%, 97%, 15%) - Light / Dark
mid
Quick answers
- What is the HEX code for Warning Amber?
- #D97706
- What is Warning Amber RGB?
- rgb(217, 119, 6)
- What is Warning Amber HSL?
- hsl(32, 95%, 44%)
- What is Warning Amber CMYK?
- cmyk(0%, 45%, 97%, 15%)
What is Warning Amber?
Warning Amber is a curated orange family color at #D97706. It appears in our library with tags for ui, button. 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..
Warning Amber HEX code
The HEX code for Warning Amber is #D97706. Paste it into CSS as color: #D97706; or background-color: #D97706;. Design tools accept the same six-digit value without the # prefix (d97706).
Warning Amber RGB
Warning Amber in RGB is rgb(217, 119, 6) (channels R 217, G 119, B 6). Use RGB when you need opacity via rgba(217, 119, 6, 1).
Warning Amber HSL & HSV
HSL is hsl(32, 95%, 44%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(32, 97%, 85%), closer to how many digital pickers expose hue, saturation, and brightness.
Warning Amber CMYK
Approximate CMYK for Warning Amber is cmyk(0%, 45%, 97%, 15%). 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 Warning Amber
Darker shades (mixed toward black): #B56305, #914F04, #6D3C03, #482802, #241401. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Warning Amber
Lighter tints (mixed toward white): #DF8E30, #E6A459, #ECBB83, #F2D2AC, #F9E8D6. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Warning Amber
Complementary pairing: #D97706, #0668D9. Analogous neighbors: #D90E06, #D97706, #D2D906. Triadic accents: #D97706, #06D977, #7706D9. Always check text contrast when pairing.
Warning Amber color combinations
A practical combo: primary #D97706, complementary accent #0668D9, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #D97706, #06D2D9, #0D06D9.
Warning 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.
Warning Amber in branding
Brand oranges feel approachable and action-oriented — common in marketplaces and youth-facing apps. Contrast vs white is 3.19:1 (better as a large accent or background than small body text); vs black 6.59:1.
Frequently asked questions
- What is the HEX code for Warning Amber?
- Warning Amber: #D97706.
- What is Warning Amber RGB?
- Warning Amber: rgb(217, 119, 6).
- What is Warning Amber HSL?
- Warning Amber: hsl(32, 95%, 44%).
- What is Warning Amber CMYK?
- Warning Amber: cmyk(0%, 45%, 97%, 15%).
- What colors go with Warning Amber?
- Try complementary #D97706, #0668D9 or analogous #D90E06, #D97706, #D2D906.
- Is Warning Amber good for text on white?
- Not ideal for small body text (3.19:1). Use as a large heading, button, or background instead.
Accessibility snapshot
Contrast vs white: 3.19:1 (prefer large accent or background). Contrast vs black: 6.59:1. Complementary swatch: #D97706, #0668D9.
Explore related
Orange colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK