#70ABB2

#70ABB2

#B27770

#B27770

对比度

1.41:1

Delta E

46.9

Very Different

50:50 混合

#9A9290

颜色值

格式 #70ABB2 #B27770
HEX #70ABB2 #B27770
RGB 112, 171, 178 178, 119, 112
HSL 186.4, 30.0%, 56.9% 6.4, 30.0%, 56.9%
HSV 186.4, 37.1%, 69.8% 6.4, 37.1%, 69.8%
CMYK 37.1%, 3.9%, 0.0%, 30.2% 0.0%, 33.1%, 37.1%, 30.2%
OKLCH 0.7033 0.062 205.3 0.6284 0.0756 26.9

对比度与无障碍

1.41:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #B27770 → 背景色: #70ABB2

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

文本: #70ABB2 → 背景色: #B27770

色差 (Delta E)

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

渐变

#70ABB2 #81A3A7 #8E9A9B #9A9290 #A38985 #AB807B #B27770

颜色混合

#70ABB2

100%

#889FA1

75:25

#9A9290

50:50

#A78580

25:75

#B27770

100%

CSS渐变代码

background: linear-gradient(to right, #70ABB2, #B27770);
background: linear-gradient(135deg, #70ABB2, #B27770);

探索每种颜色

#70ABB2

查看完整颜色详情

#B27770

查看完整颜色详情

相关比较