#097184

#097184

#841C09

#841C09

对比度

1.72:1

Delta E

84.59

Very Different

50:50 混合

#6D4E46

颜色值

格式 #097184 #841C09
HEX #097184 #841C09
RGB 9, 113, 132 132, 28, 9
HSL 189.3, 87.2%, 27.6% 9.3, 87.2%, 27.6%
HSV 189.3, 93.2%, 51.8% 9.3, 93.2%, 51.8%
CMYK 93.2%, 14.4%, 0.0%, 48.2% 0.0%, 78.8%, 93.2%, 48.2%
OKLCH 0.5057 0.0873 215.1 0.4026 0.1419 32.3

对比度与无障碍

1.72:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #841C09 → 背景色: #097184

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

文本: #097184 → 背景色: #841C09

色差 (Delta E)

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

渐变

#097184 #46666F #5E5A5A #6D4E46 #774032 #7E311F #841C09

颜色混合

#097184

100%

#546064

75:25

#6D4E46

50:50

#7B3928

25:75

#841C09

100%

CSS渐变代码

background: linear-gradient(to right, #097184, #841C09);
background: linear-gradient(135deg, #097184, #841C09);

探索每种颜色

#097184

查看完整颜色详情

#841C09

查看完整颜色详情

相关比较