#F2F2DB

#F2F2DB

颜色值

HEX

#F2F2DB

RGB

242, 242, 219

HSL

60.0, 46.9%, 90.4%

HSV

60.0, 9.5%, 94.9%

CMYK

0.0%, 0.0%, 9.5%, 5.1%

OKLCH

0.9551 0.0303 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: #F2F2DB;
color: #F2F2DB;
border-color: #F2F2DB;
最接近的 Tailwind: Yellow 50 #FEFCE8

Tailwind 色阶

对比度检查器

白底文字

1.14:1

AA Fail AAA Fail

黑底文字

18.5:1

AA Pass AAA Pass

与之比较

相关文章

常见问题

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

RGB(242, 242, 219) · HSL(60.0, 46.9%, 90.4%) · CMYK(0.0%, 0.0%, 9.5%, 5.1%)

Does #F2F2DB meet WCAG contrast on white?

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

What text color is readable on #F2F2DB?

Use 000000 text on a #F2F2DB background; contrast on black is 18.5:1.