A study in orange
Tan
#D2B48C
- Family
- Orange
- L
- 0.786
- C
- 0.064
- H
- 75°
Notes
Tan in CSS is the warm, slightly orange-leaning beige of dried grass. The hex sits between Wheat and Burlywood, with low chroma at high lightness. Outdoor, heritage, and craft brands use it as a quiet primary or secondary surface, usually under deep brown type or alongside muted forest green for a heritage outdoor palette. As a UI element it works as a panel background for outdoor product cards; against white it provides reasonable separation but is too pale for body text. Body text contrast against white fails AA at every standard size - a surface tone.
Palette built around Tan
Related colors
Frequently asked questions
What is Tan?
Tan in CSS is the warm, slightly orange-leaning beige of dried grass. The hex sits between Wheat and Burlywood, with low chroma at high lightness. Its hex code is #D2B48C.
What are the tints and shades of Tan?
uishades builds an 11-step OKLCH ramp for Tan (#D2B48C) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.
What colors pair well with Tan?
Its complementary color is #9EBCE2. Triadic partners are #88C7C6 and #C9AED6; analogous neighbours are #BFBC8D and #DDAD98.
What are the OKLCH and RGB values of Tan?
Tan is #D2B48C - OKLCH 0.786 0.064 75°, rgb(210 180 140), in the orange family.