#317DDF

#317DDF

#DF9331

#DF9331

对比度

1.63:1

Delta E

118.0

Very Different

50:50 混合

#AD868E

颜色值

格式 #317DDF #DF9331
HEX #317DDF #DF9331
RGB 49, 125, 223 223, 147, 49
HSL 213.8, 73.1%, 53.3% 33.8, 73.1%, 53.3%
HSV 213.8, 78.0%, 87.5% 33.8, 78.0%, 87.5%
CMYK 78.0%, 43.9%, 0.0%, 12.5% 0.0%, 34.1%, 78.0%, 12.5%
OKLCH 0.5941 0.1667 256.4 0.7241 0.1411 68.1

对比度与无障碍

1.63:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF9331 → 背景色: #317DDF

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

文本: #317DDF → 背景色: #DF9331

色差 (Delta E)

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

渐变

#317DDF #7380C4 #9583A9 #AD868E #C08A72 #D18E54 #DF9331

颜色混合

#317DDF

100%

#8581B6

75:25

#AD868E

50:50

#C98C63

25:75

#DF9331

100%

CSS渐变代码

background: linear-gradient(to right, #317DDF, #DF9331);
background: linear-gradient(135deg, #317DDF, #DF9331);

探索每种颜色

#317DDF

查看完整颜色详情

#DF9331

查看完整颜色详情

相关比较