#54DFBC

#54DFBC

#DF5477

#DF5477

对比度

2.23:1

Delta E

105.82

Very Different

50:50 混合

#B6A298

颜色值

格式 #54DFBC #DF5477
HEX #54DFBC #DF5477
RGB 84, 223, 188 223, 84, 119
HSL 164.9, 68.5%, 60.2% 344.9, 68.5%, 60.2%
HSV 164.9, 62.3%, 87.5% 344.9, 62.3%, 87.5%
CMYK 62.3%, 0.0%, 15.7%, 12.5% 0.0%, 62.3%, 46.6%, 12.5%
OKLCH 0.8189 0.1304 173.2 0.6383 0.1748 8.1

对比度与无障碍

2.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF5477 → 背景色: #54DFBC

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

文本: #54DFBC → 背景色: #DF5477

色差 (Delta E)

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

渐变

#54DFBC #83CCB0 #A1B7A4 #B6A298 #C78C8D #D47382 #DF5477

颜色混合

#54DFBC

100%

#93C2AA

75:25

#B6A298

50:50

#CE8087

25:75

#DF5477

100%

CSS渐变代码

background: linear-gradient(to right, #54DFBC, #DF5477);
background: linear-gradient(135deg, #54DFBC, #DF5477);

探索每种颜色

#54DFBC

查看完整颜色详情

#DF5477

查看完整颜色详情

相关比较