#395B57

#395B57

#5B393D

#5B393D

对比度

1.34:1

Delta E

30.62

Very Different

50:50 混合

#4E4B4A

颜色值

格式 #395B57 #5B393D
HEX #395B57 #5B393D
RGB 57, 91, 87 91, 57, 61
HSL 172.9, 23.0%, 29.0% 352.9, 23.0%, 29.0%
HSV 172.9, 37.4%, 35.7% 352.9, 37.4%, 35.7%
CMYK 37.4%, 0.0%, 4.4%, 64.3% 0.0%, 37.4%, 33.0%, 64.3%
OKLCH 0.4438 0.0402 186.5 0.386 0.0487 11.9

对比度与无障碍

1.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #5B393D → 背景色: #395B57

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

文本: #395B57 → 背景色: #5B393D

色差 (Delta E)

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

渐变

#395B57 #415653 #48504E #4E4B4A #534545 #573F41 #5B393D

颜色混合

#395B57

100%

#455350

75:25

#4E4B4A

50:50

#554243

25:75

#5B393D

100%

CSS渐变代码

background: linear-gradient(to right, #395B57, #5B393D);
background: linear-gradient(135deg, #395B57, #5B393D);

探索每种颜色

#395B57

查看完整颜色详情

#5B393D

查看完整颜色详情

相关比较