#749FDF

#749FDF

#DFB474

#DFB474

对比度

1.41:1

Delta E

76.3

Very Different

50:50 混合

#B6A9AB

颜色值

格式 #749FDF #DFB474
HEX #749FDF #DFB474
RGB 116, 159, 223 223, 180, 116
HSL 215.9, 62.6%, 66.5% 35.9, 62.6%, 66.5%
HSV 215.9, 48.0%, 87.5% 35.9, 48.0%, 87.5%
CMYK 48.0%, 28.7%, 0.0%, 12.5% 0.0%, 19.3%, 48.0%, 12.5%
OKLCH 0.6973 0.1058 258.1 0.7944 0.0957 76.6

对比度与无障碍

1.41:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFB474 → 背景色: #749FDF

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

文本: #749FDF → 背景色: #DFB474

色差 (Delta E)

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

渐变

#749FDF #8FA2CE #A5A5BC #B6A9AB #C5AC99 #D3B087 #DFB474

颜色混合

#749FDF

100%

#9BA4C5

75:25

#B6A9AB

50:50

#CCAE90

25:75

#DFB474

100%

CSS渐变代码

background: linear-gradient(to right, #749FDF, #DFB474);
background: linear-gradient(135deg, #749FDF, #DFB474);

探索每种颜色

#749FDF

查看完整颜色详情

#DFB474

查看完整颜色详情

相关比较