#F2F2FE

#F2F2FE

#FEFEF2

#FEFEF2

对比度

1.09:1

Delta E

12.74

Noticeable

50:50 混合

#F8F8F8

颜色值

格式 #F2F2FE #FEFEF2
HEX #F2F2FE #FEFEF2
RGB 242, 242, 254 254, 254, 242
HSL 240.0, 85.7%, 97.3% 60.0, 85.7%, 97.3%
HSV 240.0, 4.7%, 99.6% 60.0, 4.7%, 99.6%
CMYK 4.7%, 4.7%, 0.0%, 0.4% 0.0%, 0.0%, 4.7%, 0.4%
OKLCH 0.9646 0.016 286.1 0.9938 0.0157 106.7

对比度与无障碍

1.09:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

敏捷的棕色狐狸跳过了懒狗

文本: #FEFEF2 → 背景色: #F2F2FE

敏捷的棕色狐狸跳过了懒狗

文本: #F2F2FE → 背景色: #FEFEF2

色差 (Delta E)

12.74 Noticeable
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#F2F2FE #F4F4FC #F6F6FA #F8F8F8 #FAFAF6 #FCFCF4 #FEFEF2

颜色混合

#F2F2FE

100%

#F5F5FB

75:25

#F8F8F8

50:50

#FBFBF5

25:75

#FEFEF2

100%

CSS渐变代码

background: linear-gradient(to right, #F2F2FE, #FEFEF2);
background: linear-gradient(135deg, #F2F2FE, #FEFEF2);

探索每种颜色

#F2F2FE

查看完整颜色详情

#FEFEF2

查看完整颜色详情

相关比较