#7194DF

#7194DF

#DFBC71

#DFBC71

对比度

1.65:1

Delta E

85.99

Very Different

50:50 混合

#B5A7AA

颜色值

格式 #7194DF #DFBC71
HEX #7194DF #DFBC71
RGB 113, 148, 223 223, 188, 113
HSL 220.9, 63.2%, 65.9% 40.9, 63.2%, 65.9%
HSV 220.9, 49.3%, 87.5% 40.9, 49.3%, 87.5%
CMYK 49.3%, 33.6%, 0.0%, 12.5% 0.0%, 15.7%, 49.3%, 12.5%
OKLCH 0.6722 0.1186 264.4 0.8097 0.1022 85.2

对比度与无障碍

1.65:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFBC71 → 背景色: #7194DF

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

文本: #7194DF → 背景色: #DFBC71

色差 (Delta E)

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

渐变

#7194DF #8D9ACE #A3A0BC #B5A7AA #C5AE98 #D3B585 #DFBC71

颜色混合

#7194DF

100%

#999DC5

75:25

#B5A7AA

50:50

#CCB18F

25:75

#DFBC71

100%

CSS渐变代码

background: linear-gradient(to right, #7194DF, #DFBC71);
background: linear-gradient(135deg, #7194DF, #DFBC71);

探索每种颜色

#7194DF

查看完整颜色详情

#DFBC71

查看完整颜色详情

相关比较