#7ECC97

#7ECC97

#CC7EB3

#CC7EB3

对比度

1.52:1

Delta E

81.94

Very Different

50:50 混合

#ADA8A6

颜色值

格式 #7ECC97 #CC7EB3
HEX #7ECC97 #CC7EB3
RGB 126, 204, 151 204, 126, 179
HSL 139.2, 43.3%, 64.7% 319.2, 43.3%, 64.7%
HSV 139.2, 38.2%, 80.0% 319.2, 38.2%, 80.0%
CMYK 38.2%, 0.0%, 26.0%, 20.0% 0.0%, 38.2%, 12.3%, 20.0%
OKLCH 0.7804 0.1086 153.5 0.6919 0.1175 339.8

对比度与无障碍

1.52:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CC7EB3 → 背景色: #7ECC97

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

文本: #7ECC97 → 背景色: #CC7EB3

色差 (Delta E)

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

渐变

#7ECC97 #90C19C #A0B5A1 #ADA8A6 #B89BAA #C38DAF #CC7EB3

颜色混合

#7ECC97

100%

#98BB9F

75:25

#ADA8A6

50:50

#BE94AC

25:75

#CC7EB3

100%

CSS渐变代码

background: linear-gradient(to right, #7ECC97, #CC7EB3);
background: linear-gradient(135deg, #7ECC97, #CC7EB3);

探索每种颜色

#7ECC97

查看完整颜色详情

#CC7EB3

查看完整颜色详情

相关比较