#566DC2

#566DC2

#C2AB56

#C2AB56

对比度

2.12:1

Delta E

97.91

Very Different

50:50 混合

#9B8A90

颜色值

格式 #566DC2 #C2AB56
HEX #566DC2 #C2AB56
RGB 86, 109, 194 194, 171, 86
HSL 227.2, 47.0%, 54.9% 47.2, 47.0%, 54.9%
HSV 227.2, 55.7%, 76.1% 47.2, 55.7%, 76.1%
CMYK 55.7%, 43.8%, 0.0%, 23.9% 0.0%, 11.9%, 55.7%, 23.9%
OKLCH 0.5579 0.1343 270.2 0.7438 0.1087 94.5

对比度与无障碍

2.12:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #C2AB56 → 背景色: #566DC2

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

文本: #566DC2 → 背景色: #C2AB56

色差 (Delta E)

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

渐变

#566DC2 #7476B1 #8980A1 #9B8A90 #AA957E #B6A06B #C2AB56

颜色混合

#566DC2

100%

#7F7BA9

75:25

#9B8A90

50:50

#B09A75

25:75

#C2AB56

100%

CSS渐变代码

background: linear-gradient(to right, #566DC2, #C2AB56);
background: linear-gradient(135deg, #566DC2, #C2AB56);

探索每种颜色

#566DC2

查看完整颜色详情

#C2AB56

查看完整颜色详情

相关比较