#FDF2AB

#FDF2AB

颜色值

HEX

#FDF2AB

RGB

253, 242, 171

HSL

52.0, 95.3%, 83.1%

HSV

52.0, 32.4%, 99.2%

CMYK

0.0%, 4.3%, 32.4%, 0.8%

OKLCH

0.9535 0.0903 100.4

属性

色彩心理学

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: #FDF2AB;
color: #FDF2AB;
border-color: #FDF2AB;
最接近的 Tailwind: Yellow 100 #FEF9C3

Tailwind 色阶

对比度检查器

白底文字

1.14:1

AA Fail AAA Fail

黑底文字

18.47:1

AA Pass AAA Pass

与之比较

相关文章

常见问题

What are the RGB, HSL, and CMYK values of #FDF2AB?

RGB(253, 242, 171) · HSL(52.0, 95.3%, 83.1%) · CMYK(0.0%, 4.3%, 32.4%, 0.8%)

Does #FDF2AB meet WCAG contrast on white?

1.14:1 — WCAG AA 不通过, AAA 不通过 for normal text.

What text color is readable on #FDF2AB?

Use 000000 text on a #FDF2AB background; contrast on black is 18.47:1.