tan

#D2B48C

CSS color

Tan (#D2B48C) is a warm, light golden-brown CSS named colour, one of the most versatile neutral earth tones in the web colour standard. Named after the tanning process of treating leather with tree bark extracts, which produces this characteristic warm beige-brown, it references natural, processed skin and hide materials. In design it is an essential warm neutral for skin tones, natural material representations, and earthy, approachable colour schemes.

颜色值

HEX

#D2B48C

RGB

210, 180, 140

HSL

34.3, 43.7%, 68.6%

HSV

34.3, 33.3%, 82.4%

CMYK

0.0%, 14.3%, 33.3%, 17.6%

OKLCH

0.7862 0.0638 74.6

属性

暖色 浅色 最接近: tan

色彩心理学

Light oranges like peach and apricot radiate friendliness, comfort, and gentle optimism. They are psychologically soothing and feel approachable without being overly stimulating. These tones often appear in hospitality and food branding to suggest warmth and welcome.

Design Usage

Soft oranges make excellent card backgrounds and notification banners that need attention without alarm. They are popular in onboarding flows and empty-state illustrations to create a welcoming atmosphere. Pair them with slate gray text and white surfaces for a clean, modern look.

配色方案

色觉模拟

CSS 用法

background-color: #D2B48C;
color: #D2B48C;
border-color: #D2B48C;
最接近的 Tailwind: Orange 200 #FED7AA

Tailwind 色阶

对比度检查器

白底文字

1.97:1

AA Fail AAA Fail

黑底文字

10.65:1

AA Pass AAA Pass

与之比较