#567CD2

#567CD2

#D2AC56

#D2AC56

对比度

1.88:1

Delta E

99.35

Very Different

50:50 混合

#A69297

颜色值

格式 #567CD2 #D2AC56
HEX #567CD2 #D2AC56
RGB 86, 124, 210 210, 172, 86
HSL 221.6, 57.9%, 58.0% 41.6, 57.9%, 58.0%
HSV 221.6, 59.0%, 82.4% 41.6, 59.0%, 82.4%
CMYK 59.0%, 41.0%, 0.0%, 17.6% 0.0%, 18.1%, 59.0%, 17.6%
OKLCH 0.5991 0.1383 264.6 0.7614 0.1137 85.6

对比度与无障碍

1.88:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #D2AC56 → 背景色: #567CD2

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

文本: #567CD2 → 背景色: #D2AC56

色差 (Delta E)

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

渐变

#567CD2 #7A83BF #938AAB #A69297 #B79B83 #C5A36E #D2AC56

颜色混合

#567CD2

100%

#8787B5

75:25

#A69297

50:50

#BE9F78

25:75

#D2AC56

100%

CSS渐变代码

background: linear-gradient(to right, #567CD2, #D2AC56);
background: linear-gradient(135deg, #567CD2, #D2AC56);

探索每种颜色

#567CD2

查看完整颜色详情

#D2AC56

查看完整颜色详情

相关比较