#3098AC

#3098AC

#AC4430

#AC4430

对比度

1.71:1

Delta E

84.13

Very Different

50:50 混合

#8D726C

颜色值

格式 #3098AC #AC4430
HEX #3098AC #AC4430
RGB 48, 152, 172 172, 68, 48
HSL 189.7, 56.4%, 43.1% 9.7, 56.4%, 43.1%
HSV 189.7, 72.1%, 67.5% 9.7, 72.1%, 67.5%
CMYK 72.1%, 11.6%, 0.0%, 32.5% 0.0%, 60.5%, 72.1%, 32.5%
OKLCH 0.6299 0.0963 213.3 0.5239 0.1409 32.8

对比度与无障碍

1.71:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AC4430 → 背景色: #3098AC

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

文本: #3098AC → 背景色: #AC4430

色差 (Delta E)

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

渐变

#3098AC #618C96 #7B7F81 #8D726C #9A6458 #A45544 #AC4430

颜色混合

#3098AC

100%

#70868C

75:25

#8D726C

50:50

#9F5D4E

25:75

#AC4430

100%

CSS渐变代码

background: linear-gradient(to right, #3098AC, #AC4430);
background: linear-gradient(135deg, #3098AC, #AC4430);

探索每种颜色

#3098AC

查看完整颜色详情

#AC4430

查看完整颜色详情

相关比较