#5ABCD7

#5ABCD7

#D7755A

#D7755A

对比度

1.46:1

Delta E

79.28

Very Different

50:50 混合

#B19B97

颜色值

格式 #5ABCD7 #D7755A
HEX #5ABCD7 #D7755A
RGB 90, 188, 215 215, 117, 90
HSL 193.0, 61.0%, 59.8% 13.0, 61.0%, 59.8%
HSV 193.0, 58.1%, 84.3% 13.0, 58.1%, 84.3%
CMYK 58.1%, 12.6%, 0.0%, 15.7% 0.0%, 45.6%, 58.1%, 15.7%
OKLCH 0.7467 0.0992 218.5 0.667 0.1293 36.3

对比度与无障碍

1.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #D7755A → 背景色: #5ABCD7

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

文本: #5ABCD7 → 背景色: #D7755A

色差 (Delta E)

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

渐变

#5ABCD7 #83B1C1 #9DA6AC #B19B97 #C08F83 #CD826E #D7755A

颜色混合

#5ABCD7

100%

#91ACB7

75:25

#B19B97

50:50

#C78978

25:75

#D7755A

100%

CSS渐变代码

background: linear-gradient(to right, #5ABCD7, #D7755A);
background: linear-gradient(135deg, #5ABCD7, #D7755A);

探索每种颜色

#5ABCD7

查看完整颜色详情

#D7755A

查看完整颜色详情

相关比较