#F9DA6F

#F9DA6F

颜色值

HEX

#F9DA6F

RGB

249, 218, 111

HSL

46.5, 92.0%, 70.6%

HSV

46.5, 55.4%, 97.6%

CMYK

0.0%, 12.4%, 55.4%, 2.4%

OKLCH

0.8933 0.131 93.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: #F9DA6F;
color: #F9DA6F;
border-color: #F9DA6F;
最接近的 Tailwind: Amber 200 #FDE68A

Tailwind 色阶

对比度检查器

白底文字

1.37:1

AA Fail AAA Fail

黑底文字

15.29:1

AA Pass AAA Pass

与之比较

相关文章

常见问题

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

RGB(249, 218, 111) · HSL(46.5, 92.0%, 70.6%) · CMYK(0.0%, 12.4%, 55.4%, 2.4%)

Does #F9DA6F meet WCAG contrast on white?

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

What text color is readable on #F9DA6F?

Use 000000 text on a #F9DA6F background; contrast on black is 15.29:1.