#3F8AB1

#3F8AB1

#B1663F

#B1663F

对比度

1.13:1

Delta E

72.64

Very Different

50:50 混合

#8E7978

颜色值

格式 #3F8AB1 #B1663F
HEX #3F8AB1 #B1663F
RGB 63, 138, 177 177, 102, 63
HSL 200.5, 47.5%, 47.1% 20.5, 47.5%, 47.1%
HSV 200.5, 64.4%, 69.4% 20.5, 64.4%, 69.4%
CMYK 64.4%, 22.0%, 0.0%, 30.6% 0.0%, 42.4%, 64.4%, 30.6%
OKLCH 0.6026 0.0948 234.1 0.5869 0.1105 47.2

对比度与无障碍

1.13:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #B1663F → 背景色: #3F8AB1

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

文本: #3F8AB1 → 背景色: #B1663F

色差 (Delta E)

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

渐变

#3F8AB1 #65859E #7C7F8B #8E7978 #9C7365 #A76D52 #B1663F

颜色混合

#3F8AB1

100%

#728294

75:25

#8E7978

50:50

#A2705C

25:75

#B1663F

100%

CSS渐变代码

background: linear-gradient(to right, #3F8AB1, #B1663F);
background: linear-gradient(135deg, #3F8AB1, #B1663F);

探索每种颜色

#3F8AB1

查看完整颜色详情

#B1663F

查看完整颜色详情

相关比较