#398EBA

#398EBA

#BA6539

#BA6539

对比度

1.15:1

Delta E

81.32

Very Different

50:50 混合

#947B79

颜色值

格式 #398EBA #BA6539
HEX #398EBA #BA6539
RGB 57, 142, 186 186, 101, 57
HSL 200.5, 53.1%, 47.6% 20.5, 53.1%, 47.6%
HSV 200.5, 69.4%, 72.9% 20.5, 69.4%, 72.9%
CMYK 69.4%, 23.7%, 0.0%, 27.1% 0.0%, 45.7%, 69.4%, 27.1%
OKLCH 0.6144 0.1045 234.8 0.5966 0.1238 46.5

对比度与无障碍

1.15:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #BA6539 → 背景色: #398EBA

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

文本: #398EBA → 背景色: #BA6539

色差 (Delta E)

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

渐变

#398EBA #6788A4 #81818F #947B79 #A37464 #B06D4F #BA6539

颜色混合

#398EBA

100%

#758599

75:25

#947B79

50:50

#AA705A

25:75

#BA6539

100%

CSS渐变代码

background: linear-gradient(to right, #398EBA, #BA6539);
background: linear-gradient(135deg, #398EBA, #BA6539);

探索每种颜色

#398EBA

查看完整颜色详情

#BA6539

查看完整颜色详情

相关比较