#ECFFF2

#ECFFF2

#FFECF9

#FFECF9

对比度

1.08:1

Delta E

19.2

Noticeable

50:50 混合

#F6F6F6

颜色值

格式 #ECFFF2 #FFECF9
HEX #ECFFF2 #FFECF9
RGB 236, 255, 242 255, 236, 249
HSL 138.9, 100.0%, 96.3% 318.9, 100.0%, 96.3%
HSV 138.9, 7.5%, 100.0% 318.9, 7.5%, 100.0%
CMYK 7.5%, 0.0%, 5.1%, 0.0% 0.0%, 7.5%, 2.4%, 0.0%
OKLCH 0.9825 0.0262 156.0 0.9619 0.0266 337.1

对比度与无障碍

1.08:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FFECF9 → 背景色: #ECFFF2

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

文本: #ECFFF2 → 背景色: #FFECF9

色差 (Delta E)

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

渐变

#ECFFF2 #EFFCF3 #F3F9F4 #F6F6F6 #F9F2F7 #FCEFF8 #FFECF9

颜色混合

#ECFFF2

100%

#F1FAF4

75:25

#F6F6F6

50:50

#FBF1F7

25:75

#FFECF9

100%

CSS渐变代码

background: linear-gradient(to right, #ECFFF2, #FFECF9);
background: linear-gradient(135deg, #ECFFF2, #FFECF9);

探索每种颜色

#ECFFF2

查看完整颜色详情

#FFECF9

查看完整颜色详情

相关比较