#395BBC

#395BBC

#BC9A39

#BC9A39

对比度

2.3:1

Delta E

112.46

Very Different

50:50 混合

#927880

颜色值

格式 #395BBC #BC9A39
HEX #395BBC #BC9A39
RGB 57, 91, 188 188, 154, 57
HSL 224.4, 53.5%, 48.0% 44.4, 53.5%, 48.0%
HSV 224.4, 69.7%, 73.7% 44.4, 69.7%, 73.7%
CMYK 69.7%, 51.6%, 0.0%, 26.3% 0.0%, 18.1%, 69.7%, 26.3%
OKLCH 0.5004 0.1577 266.2 0.6995 0.1201 89.3

对比度与无障碍

2.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #BC9A39 → 背景色: #395BBC

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

文本: #395BBC → 背景色: #BC9A39

色差 (Delta E)

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

渐变

#395BBC #6464A8 #7E6E94 #927880 #A2836B #B08E54 #BC9A39

颜色混合

#395BBC

100%

#72699E

75:25

#927880

50:50

#A98960

25:75

#BC9A39

100%

CSS渐变代码

background: linear-gradient(to right, #395BBC, #BC9A39);
background: linear-gradient(135deg, #395BBC, #BC9A39);

探索每种颜色

#395BBC

查看完整颜色详情

#BC9A39

查看完整颜色详情

相关比较