#379D98

#379D98

#9D373C

#9D373C

对比度

2.11:1

Delta E

80.1

Very Different

50:50 混合

颜色值

格式 #379D98 #9D373C
HEX #379D98 #9D373C
RGB 55, 157, 152 157, 55, 60
HSL 177.1, 48.1%, 41.6% 357.1, 48.1%, 41.6%
HSV 177.1, 65.0%, 61.6% 357.1, 65.0%, 61.6%
CMYK 65.0%, 0.0%, 3.2%, 38.4% 0.0%, 65.0%, 61.8%, 38.4%
OKLCH 0.6367 0.0926 190.5 0.4842 0.1358 20.9

对比度与无障碍

2.11:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9D373C → 背景色: #379D98

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

文本: #379D98 → 背景色: #9D373C

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #379D98, #9D373C);
background: linear-gradient(135deg, #379D98, #9D373C);

探索每种颜色

相关比较