#3C5B6F

#3C5B6F

#6F503C

#6F503C

对比度

1.01:1

Delta E

35.51

Very Different

50:50 混合

#5C5655

颜色值

格式 #3C5B6F #6F503C
HEX #3C5B6F #6F503C
RGB 60, 91, 111 111, 80, 60
HSL 203.5, 29.8%, 33.5% 23.5, 29.8%, 33.5%
HSV 203.5, 45.9%, 43.5% 23.5, 45.9%, 43.5%
CMYK 45.9%, 18.0%, 0.0%, 56.5% 0.0%, 27.9%, 45.9%, 56.5%
OKLCH 0.4554 0.049 237.6 0.4592 0.052 53.9

对比度与无障碍

1.01:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #6F503C → 背景色: #3C5B6F

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

文本: #3C5B6F → 背景色: #6F503C

色差 (Delta E)

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

渐变

#3C5B6F #495966 #53575E #5C5655 #63544D #695245 #6F503C

颜色混合

#3C5B6F

100%

#4E5862

75:25

#5C5655

50:50

#665349

25:75

#6F503C

100%

CSS渐变代码

background: linear-gradient(to right, #3C5B6F, #6F503C);
background: linear-gradient(135deg, #3C5B6F, #6F503C);

探索每种颜色

#3C5B6F

查看完整颜色详情

#6F503C

查看完整颜色详情

相关比较