#35865F

#35865F

#86355C

#86355C

对比度

1.77:1

Delta E

77.44

Very Different

50:50 混合

#6B635E

颜色值

格式 #35865F #86355C
HEX #35865F #86355C
RGB 53, 134, 95 134, 53, 92
HSL 151.1, 43.3%, 36.7% 331.1, 43.3%, 36.7%
HSV 151.1, 60.4%, 52.5% 331.1, 60.4%, 52.5%
CMYK 60.4%, 0.0%, 29.1%, 47.5% 0.0%, 60.4%, 31.3%, 47.5%
OKLCH 0.5591 0.1004 159.5 0.4534 0.1194 352.9

对比度与无障碍

1.77:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #86355C → 背景色: #35865F

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

文本: #35865F → 背景色: #86355C

色差 (Delta E)

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

渐变

#35865F #4E7B5F #5E6F5E #6B635E #76565D #7E475D #86355C

颜色混合

#35865F

100%

#57755F

75:25

#6B635E

50:50

#7A4E5D

25:75

#86355C

100%

CSS渐变代码

background: linear-gradient(to right, #35865F, #86355C);
background: linear-gradient(135deg, #35865F, #86355C);

探索每种颜色

#35865F

查看完整颜色详情

#86355C

查看完整颜色详情

相关比较