#54B9DA

#54B9DA

#DA7554

#DA7554

对比度

1.4:1

Delta E

83.58

Very Different

50:50 混合

#B29996

颜色值

格式 #54B9DA #DA7554
HEX #54B9DA #DA7554
RGB 84, 185, 218 218, 117, 84
HSL 194.8, 64.4%, 59.2% 14.8, 64.4%, 59.2%
HSV 194.8, 61.5%, 85.5% 14.8, 61.5%, 85.5%
CMYK 61.5%, 15.1%, 0.0%, 14.5% 0.0%, 46.3%, 61.5%, 14.5%
OKLCH 0.7388 0.1046 222.5 0.6701 0.1349 38.7

对比度与无障碍

1.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DA7554 → 背景色: #54B9DA

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

文本: #54B9DA → 背景色: #DA7554

色差 (Delta E)

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

渐变

#54B9DA #81AFC3 #9DA4AC #B29996 #C28E80 #CF826A #DA7554

颜色混合

#54B9DA

100%

#90AAB8

75:25

#B29996

50:50

#C98875

25:75

#DA7554

100%

CSS渐变代码

background: linear-gradient(to right, #54B9DA, #DA7554);
background: linear-gradient(135deg, #54B9DA, #DA7554);

探索每种颜色

#54B9DA

查看完整颜色详情

#DA7554

查看完整颜色详情

相关比较