#CFF2DF

#CFF2DF

#F2CFE2

#F2CFE2

对比度

1.18:1

Delta E

32.54

Very Different

50:50 混合

#E2E1E1

颜色值

格式 #CFF2DF #F2CFE2
HEX #CFF2DF #F2CFE2
RGB 207, 242, 223 242, 207, 226
HSL 147.4, 57.4%, 88.0% 327.4, 57.4%, 88.0%
HSV 147.4, 14.5%, 94.9% 327.4, 14.5%, 94.9%
CMYK 14.5%, 0.0%, 7.9%, 5.1% 0.0%, 14.5%, 6.6%, 5.1%
OKLCH 0.9309 0.0445 161.7 0.8895 0.0463 344.2

对比度与无障碍

1.18:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F2CFE2 → 背景色: #CFF2DF

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

文本: #CFF2DF → 背景色: #F2CFE2

色差 (Delta E)

32.54 Very Different
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#CFF2DF #D6ECE0 #DCE7E0 #E2E1E1 #E7DBE1 #EDD5E2 #F2CFE2

颜色混合

#CFF2DF

100%

#D9EAE0

75:25

#E2E1E1

50:50

#EAD8E1

25:75

#F2CFE2

100%

CSS渐变代码

background: linear-gradient(to right, #CFF2DF, #F2CFE2);
background: linear-gradient(135deg, #CFF2DF, #F2CFE2);

探索每种颜色

#CFF2DF

查看完整颜色详情

#F2CFE2

查看完整颜色详情

相关比较