#395C58

#395C58

#5C393D

#5C393D

对比度

1.35:1

Delta E

31.43

Very Different

50:50 混合

#4F4B4A

颜色值

格式 #395C58 #5C393D
HEX #395C58 #5C393D
RGB 57, 92, 88 92, 57, 61
HSL 173.1, 23.5%, 29.2% 353.1, 23.5%, 29.2%
HSV 173.1, 38.0%, 36.1% 353.1, 38.0%, 36.1%
CMYK 38.0%, 0.0%, 4.3%, 63.9% 0.0%, 38.0%, 33.7%, 63.9%
OKLCH 0.4468 0.0411 186.7 0.3874 0.0501 12.2

对比度与无障碍

1.35:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #5C393D → 背景色: #395C58

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

文本: #395C58 → 背景色: #5C393D

色差 (Delta E)

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

渐变

#395C58 #425753 #49514F #4F4B4A #544546 #583F41 #5C393D

颜色混合

#395C58

100%

#465451

75:25

#4F4B4A

50:50

#564244

25:75

#5C393D

100%

CSS渐变代码

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

探索每种颜色

#395C58

查看完整颜色详情

#5C393D

查看完整颜色详情

相关比较