#72CC80

#72CC80

#CC72BE

#CC72BE

对比度

1.59:1

Delta E

105.27

Very Different

50:50 混合

#AAA4A1

颜色值

格式 #72CC80 #CC72BE
HEX #72CC80 #CC72BE
RGB 114, 204, 128 204, 114, 190
HSL 129.3, 46.9%, 62.4% 309.3, 46.9%, 62.4%
HSV 129.3, 44.1%, 80.0% 309.3, 44.1%, 80.0%
CMYK 44.1%, 0.0%, 37.3%, 20.0% 0.0%, 44.1%, 6.9%, 20.0%
OKLCH 0.7698 0.1384 147.7 0.6774 0.1475 333.1

对比度与无障碍

1.59:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CC72BE → 背景色: #72CC80

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

文本: #72CC80 → 背景色: #CC72BE

色差 (Delta E)

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

渐变

#72CC80 #89BF8B #9BB296 #AAA4A1 #B795AB #C284B4 #CC72BE

颜色混合

#72CC80

100%

#92B991

75:25

#AAA4A1

50:50

#BD8DB0

25:75

#CC72BE

100%

CSS渐变代码

background: linear-gradient(to right, #72CC80, #CC72BE);
background: linear-gradient(135deg, #72CC80, #CC72BE);

探索每种颜色

#72CC80

查看完整颜色详情

#CC72BE

查看完整颜色详情

相关比较