#1F98AC

#1F98AC

#AC331F

#AC331F

对比度

1.89:1

Delta E

95.39

Very Different

50:50 混合

#8E6D64

颜色值

格式 #1F98AC #AC331F
HEX #1F98AC #AC331F
RGB 31, 152, 172 172, 51, 31
HSL 188.5, 69.5%, 39.8% 8.5, 69.5%, 39.8%
HSV 188.5, 82.0%, 67.5% 8.5, 82.0%, 67.5%
CMYK 82.0%, 11.6%, 0.0%, 32.5% 0.0%, 70.3%, 82.0%, 32.5%
OKLCH 0.6264 0.1026 212.0 0.501 0.1607 32.0

对比度与无障碍

1.89:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AC331F → 背景色: #1F98AC

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

文本: #1F98AC → 背景色: #AC331F

色差 (Delta E)

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

渐变

#1F98AC #5F8A93 #7B7C7B #8E6D64 #9B5C4D #A54A36 #AC331F

颜色混合

#1F98AC

100%

#6F8387

75:25

#8E6D64

50:50

#A05341

25:75

#AC331F

100%

CSS渐变代码

background: linear-gradient(to right, #1F98AC, #AC331F);
background: linear-gradient(135deg, #1F98AC, #AC331F);

探索每种颜色

#1F98AC

查看完整颜色详情

#AC331F

查看完整颜色详情

相关比较