beige

#F5F5DC

CSS color

Beige (#F5F5DC) is a pale, warm off-white with unmistakable yellow-gray undertones, one of the foundational neutral tones in the CSS named color set. It has been a dominant color in mid-century interior design, military uniforms, and fashion basics. Psychologically, beige communicates calm reliability and understated refinement.

颜色值

HEX

#F5F5DC

RGB

245, 245, 220

HSL

60.0, 55.6%, 91.2%

HSV

60.0, 10.2%, 96.1%

CMYK

0.0%, 0.0%, 10.2%, 3.9%

OKLCH

0.9636 0.0328 107.0

属性

暖色 浅色 最接近: beige

色彩心理学

Pale yellows and creams evoke sunlight, freshness, and intellectual clarity. They are the lightest chromatic colors the eye perceives, creating a sense of spaciousness and openness. Light yellow is often associated with new beginnings and gentle happiness.

Design Usage

Light yellows are excellent for background tints, highlight markers, and information callout boxes. They add warmth to white-dominated layouts without overwhelming the content hierarchy. Use them cautiously for text backgrounds since pale yellow on white creates poor contrast ratios.

配色方案

色觉模拟

CSS 用法

background-color: #F5F5DC;
color: #F5F5DC;
border-color: #F5F5DC;
最接近的 Tailwind: Yellow 50 #FEFCE8

Tailwind 色阶

对比度检查器

白底文字

1.11:1

AA Fail AAA Fail

黑底文字

18.98:1

AA Pass AAA Pass

与之比较

相关文章