#6C9B86

#6C9B86

#9B6C81

#9B6C81

对比度

1.37:1

Delta E

44.65

Very Different

50:50 混合

#878584

颜色值

格式 #6C9B86 #9B6C81
HEX #6C9B86 #9B6C81
RGB 108, 155, 134 155, 108, 129
HSL 153.2, 19.0%, 51.6% 333.2, 19.0%, 51.6%
HSV 153.2, 30.3%, 60.8% 333.2, 30.3%, 60.8%
CMYK 30.3%, 0.0%, 13.5%, 39.2% 0.0%, 30.3%, 16.8%, 39.2%
OKLCH 0.6495 0.0599 165.1 0.5862 0.0662 350.9

对比度与无障碍

1.37:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9B6C81 → 背景色: #6C9B86

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

文本: #6C9B86 → 背景色: #9B6C81

色差 (Delta E)

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

渐变

#6C9B86 #769485 #7F8C84 #878584 #8E7D83 #957582 #9B6C81

颜色混合

#6C9B86

100%

#7B9085

75:25

#878584

50:50

#927982

25:75

#9B6C81

100%

CSS渐变代码

background: linear-gradient(to right, #6C9B86, #9B6C81);
background: linear-gradient(135deg, #6C9B86, #9B6C81);

探索每种颜色

#6C9B86

查看完整颜色详情

#9B6C81

查看完整颜色详情

相关比较