#54CF97

#54CF97

#CF548C

#CF548C

对比度

2.03:1

Delta E

106.45

Very Different

50:50 混合

#A79A92

颜色值

格式 #54CF97 #CF548C
HEX #54CF97 #CF548C
RGB 84, 207, 151 207, 84, 140
HSL 152.7, 56.2%, 57.1% 332.7, 56.2%, 57.1%
HSV 152.7, 59.4%, 81.2% 332.7, 59.4%, 81.2%
CMYK 59.4%, 0.0%, 27.1%, 18.8% 0.0%, 59.4%, 32.4%, 18.8%
OKLCH 0.7704 0.1374 160.7 0.6208 0.1655 354.6

对比度与无障碍

2.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CF548C → 背景色: #54CF97

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

文本: #54CF97 → 背景色: #CF548C

色差 (Delta E)

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

渐变

#54CF97 #7ABE95 #93AC94 #A79A92 #B78690 #C46F8E #CF548C

颜色混合

#54CF97

100%

#88B595

75:25

#A79A92

50:50

#BD7B8F

25:75

#CF548C

100%

CSS渐变代码

background: linear-gradient(to right, #54CF97, #CF548C);
background: linear-gradient(135deg, #54CF97, #CF548C);

探索每种颜色

#54CF97

查看完整颜色详情

#CF548C

查看完整颜色详情

相关比较