#2182B6

#2182B6

#B65521

#B65521

对比度

1.14:1

Delta E

93.28

Very Different

50:50 混合

#906D6D

颜色值

格式 #2182B6 #B65521
HEX #2182B6 #B65521
RGB 33, 130, 182 182, 85, 33
HSL 200.9, 69.3%, 42.2% 20.9, 69.3%, 42.2%
HSV 200.9, 81.9%, 71.4% 20.9, 81.9%, 71.4%
CMYK 81.9%, 28.6%, 0.0%, 28.6% 0.0%, 53.3%, 81.9%, 28.6%
OKLCH 0.5772 0.1167 238.1 0.5626 0.1408 45.3

对比度与无障碍

1.14:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #B65521 → 背景色: #2182B6

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

文本: #2182B6 → 背景色: #B65521

色差 (Delta E)

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

渐变

#2182B6 #5F7B9D #7C7585 #906D6D #A06655 #AC5E3C #B65521

颜色混合

#2182B6

100%

#6F7891

75:25

#906D6D

50:50

#A66248

25:75

#B65521

100%

CSS渐变代码

background: linear-gradient(to right, #2182B6, #B65521);
background: linear-gradient(135deg, #2182B6, #B65521);

探索每种颜色

#2182B6

查看完整颜色详情

#B65521

查看完整颜色详情

相关比较