#54BC84

#54BC84

#BC548C

#BC548C

对比度

1.86:1

Delta E

97.93

Very Different

50:50 混合

#988E89

颜色值

格式 #54BC84 #BC548C
HEX #54BC84 #BC548C
RGB 84, 188, 132 188, 84, 140
HSL 147.7, 43.7%, 53.3% 327.7, 43.7%, 53.3%
HSV 147.7, 55.3%, 73.7% 327.7, 55.3%, 73.7%
CMYK 55.3%, 0.0%, 29.8%, 26.3% 0.0%, 55.3%, 25.5%, 26.3%
OKLCH 0.7187 0.1278 157.3 0.5935 0.1479 349.1

对比度与无障碍

1.86:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #BC548C → 背景色: #54BC84

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

文本: #54BC84 → 背景色: #BC548C

色差 (Delta E)

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

渐变

#54BC84 #72AD86 #879E87 #988E89 #A67D8A #B26A8B #BC548C

颜色混合

#54BC84

100%

#7DA687

75:25

#988E89

50:50

#AC748B

25:75

#BC548C

100%

CSS渐变代码

background: linear-gradient(to right, #54BC84, #BC548C);
background: linear-gradient(135deg, #54BC84, #BC548C);

探索每种颜色

#54BC84

查看完整颜色详情

#BC548C

查看完整颜色详情

相关比较