#0D9682

#0D9682

#960D21

#960D21

对比度

2.4:1

Delta E

97.51

Very Different

50:50 混合

#7C624F

颜色值

格式 #0D9682 #960D21
HEX #0D9682 #960D21
RGB 13, 150, 130 150, 13, 33
HSL 171.2, 84.0%, 32.0% 351.2, 84.0%, 32.0%
HSV 171.2, 91.3%, 58.8% 351.2, 91.3%, 58.8%
CMYK 91.3%, 0.0%, 13.3%, 41.2% 0.0%, 91.3%, 78.0%, 41.2%
OKLCH 0.6036 0.1084 178.6 0.4304 0.1659 22.4

对比度与无障碍

2.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #960D21 → 背景色: #0D9682

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

文本: #0D9682 → 背景色: #960D21

色差 (Delta E)

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

渐变

#0D9682 #508570 #6B745F #7C624F #874E3F #90362F #960D21

颜色混合

#0D9682

100%

#5F7D68

75:25

#7C624F

50:50

#8C4337

25:75

#960D21

100%

CSS渐变代码

background: linear-gradient(to right, #0D9682, #960D21);
background: linear-gradient(135deg, #0D9682, #960D21);

探索每种颜色

#0D9682

查看完整颜色详情

#960D21

查看完整颜色详情

相关比较