#315C64

#315C64

#643931

#643931

对比度

1.31:1

Delta E

38.62

Very Different

50:50 混合

#534B4A

颜色值

格式 #315C64 #643931
HEX #315C64 #643931
RGB 49, 92, 100 100, 57, 49
HSL 189.4, 34.2%, 29.2% 9.4, 34.2%, 29.2%
HSV 189.4, 51.0%, 39.2% 9.4, 51.0%, 39.2%
CMYK 51.0%, 8.0%, 0.0%, 60.8% 0.0%, 43.0%, 51.0%, 60.8%
OKLCH 0.447 0.0495 210.9 0.3952 0.0632 31.4

对比度与无障碍

1.31:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #643931 → 背景色: #315C64

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

文本: #315C64 → 背景色: #643931

色差 (Delta E)

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

渐变

#315C64 #40575B #4A5153 #534B4A #5A4642 #5F3F39 #643931

颜色混合

#315C64

100%

#455457

75:25

#534B4A

50:50

#5D433D

25:75

#643931

100%

CSS渐变代码

background: linear-gradient(to right, #315C64, #643931);
background: linear-gradient(135deg, #315C64, #643931);

探索每种颜色

#315C64

查看完整颜色详情

#643931

查看完整颜色详情

相关比较