#8598DF

#8598DF

#DFCC85

#DFCC85

对比度

1.74:1

Delta E

79.4

Very Different

50:50 混合

颜色值

格式 #8598DF #DFCC85
HEX #8598DF #DFCC85
RGB 133, 152, 223 223, 204, 133
HSL 227.3, 58.4%, 69.8% 47.3, 58.4%, 69.8%
HSV 227.3, 40.4%, 87.5% 47.3, 40.4%, 87.5%
CMYK 40.4%, 31.8%, 0.0%, 12.5% 0.0%, 8.5%, 40.4%, 12.5%
OKLCH 0.6933 0.107 271.9 0.845 0.0929 94.9

对比度与无障碍

1.74:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFCC85 → 背景色: #8598DF

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

文本: #8598DF → 背景色: #DFCC85

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #8598DF, #DFCC85);
background: linear-gradient(135deg, #8598DF, #DFCC85);

探索每种颜色

相关比较