Codes & values
- Color Name
Tan - Color ID
KDF-C-13808780 - HEX
#D2B48C - RGB
rgb(210, 180, 140) - RGBA
rgba(210, 180, 140, 1) - HSL
hsl(34, 44%, 69%) - HSLA
hsla(34, 44%, 69%, 1) - HSV / HSB
hsv(34, 33%, 82%) - CMYK
cmyk(0%, 14%, 33%, 18%) - Light / Dark
mid
Quick answers
- What is the HEX code for Tan?
- #D2B48C
- What is Tan RGB?
- rgb(210, 180, 140)
- What is Tan HSL?
- hsl(34, 44%, 69%)
- What is Tan CMYK?
- cmyk(0%, 14%, 33%, 18%)
What is Tan?
Tan is a curated orange family color at #D2B48C. It appears in our library with tags for web, design, ui and matches the CSS named color keyword. 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..
Tan HEX code
The HEX code for Tan is #D2B48C. Paste it into CSS as color: #D2B48C; or background-color: #D2B48C;. Design tools accept the same six-digit value without the # prefix (d2b48c).
Tan RGB
Tan in RGB is rgb(210, 180, 140) (channels R 210, G 180, B 140). Use RGB when you need opacity via rgba(210, 180, 140, 1).
Tan HSL & HSV
HSL is hsl(34, 44%, 69%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(34, 33%, 82%), closer to how many digital pickers expose hue, saturation, and brightness.
Tan CMYK
Approximate CMYK for Tan is cmyk(0%, 14%, 33%, 18%). 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 Tan
Darker shades (mixed toward black): #AF9675, #8C785D, #695A46, #463C2F, #231E17. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Tan
Lighter tints (mixed toward white): #DAC19F, #E1CDB2, #E9DAC6, #F0E6D9, #F8F3EC. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Tan
Complementary pairing: #D2B48C, #8CAAD2. Analogous neighbors: #D2918C, #D2B48C, #CDD28C. Triadic accents: #D2B48C, #8CD2B4, #B48CD2. Always check text contrast when pairing.
Tan color combinations
A practical combo: primary #D2B48C, complementary accent #8CAAD2, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #D2B48C, #8CCDD2, #918CD2.
Tan 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.
Tan in branding
Brand oranges feel approachable and action-oriented — common in marketplaces and youth-facing apps. Contrast vs white is 1.97:1 (better as a large accent or background than small body text); vs black 10.65:1.
Frequently asked questions
- What is the HEX code for Tan?
- Tan: #D2B48C.
- What is Tan RGB?
- Tan: rgb(210, 180, 140).
- What is Tan HSL?
- Tan: hsl(34, 44%, 69%).
- What is Tan CMYK?
- Tan: cmyk(0%, 14%, 33%, 18%).
- What colors go with Tan?
- Try complementary #D2B48C, #8CAAD2 or analogous #D2918C, #D2B48C, #CDD28C.
- Is Tan good for text on white?
- Not ideal for small body text (1.97:1). Use as a large heading, button, or background instead.
Accessibility snapshot
Contrast vs white: 1.97:1 (prefer large accent or background). Contrast vs black: 10.65:1. Complementary swatch: #D2B48C, #8CAAD2.
Explore related
Orange colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK