#F2F2FD

#F2F2FD

颜色值

HEX

#F2F2FD

RGB

242, 242, 253

HSL

240.0, 73.3%, 97.1%

HSV

240.0, 4.3%, 99.2%

CMYK

4.3%, 4.3%, 0.0%, 0.8%

OKLCH

0.9643 0.0146 286.1

属性

冷色 浅色 最接近： ghostwhite

色彩心理学

Near-whites and off-whites radiate purity, simplicity, and spacious clarity. They feel open and unbounded, associated with cleanliness, fresh starts, and minimalism. These tones create a sense of potential and possibility, inviting focus on content.

Design Usage

Off-whites are preferred over pure white for page backgrounds to reduce glare. They feel warmer while maintaining a clean, bright aesthetic. Use for primary backgrounds and content areas where visual breathing room is needed.

配色方案

互补色

#F2F2FD

#FDFDF2

类似色

#F2F8FD

#F8F2FD

#F2F2FD

三角配色

#F2F2FD

#FDF2F2

#F2FDF2

分裂互补色

#F2F2FD

#FDF8F2

#F8FDF2

四角配色

#F2F2FD

#FDF2F8

#FDFDF2

#F2FDF8

色觉模拟

原始

#F2F2FD

红色盲

#F2F2FA

绿色盲

#F2F2FA

蓝色盲

#F2F8F8

全色盲

#F3F3F3

CSS 用法

background-color: #F2F2FD;
color: #F2F2FD;
border-color: #F2F2FD;
最接近的 Tailwind： Violet 50 #F5F3FF

Tailwind 色阶

50
#F3F3FC
100
#E2E2F8
200
#C1C1F5
300
#9595EF
400
#5B5BE6
500
#2222DD
600
#1B1BB1
700
#16168D
800
#11116E
900
#101050
950
#0A0A33

对比度检查器

白底文字

1.11:1

AA Fail AAA Fail

黑底文字

18.89:1

AA Pass AAA Pass

与之比较

#F2F2FD
#FDFDF2
#F2F2FD
#FFFFFF
#000000
#F2F2FD

相关文章

教程

CSS color-mix()：在浏览器中原生混合颜色

一月 26, 2026
教程

从零开始构建颜色选择器 Web Component

一月 21, 2026
教程

感知色彩空间：Lab、LCH、Oklab、OKLCH

一月 15, 2026

常见问题

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

RGB(242, 242, 253) · HSL(240.0, 73.3%, 97.1%) · CMYK(4.3%, 4.3%, 0.0%, 0.8%)

Does #F2F2FD meet WCAG contrast on white?

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

What text color is readable on #F2F2FD?

Use 000000 text on a #F2F2FD background; contrast on black is 18.89:1.