#5259CC

#5259CC

#CCC552

#CCC552

对比度

3.19:1

Delta E

130.34

Very Different

50:50 混合

#A38D96

颜色值

格式 #5259CC #CCC552
HEX #5259CC #CCC552
RGB 82, 89, 204 204, 197, 82
HSL 236.6, 54.5%, 56.1% 56.6, 54.5%, 56.1%
HSV 236.6, 59.8%, 80.0% 56.6, 59.8%, 80.0%
CMYK 59.8%, 56.4%, 0.0%, 20.0% 0.0%, 3.4%, 59.8%, 20.0%
OKLCH 0.523 0.1753 275.9 0.8071 0.1361 105.8

对比度与无障碍

3.19:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #CCC552 → 背景色: #5259CC

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

文本: #5259CC → 背景色: #CCC552

色差 (Delta E)

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

渐变

#5259CC #7669BA #8F7BA8 #A38D96 #B39F82 #C0B26C #CCC552

颜色混合

#5259CC

100%

#8472B1

75:25

#A38D96

50:50

#BAA877

25:75

#CCC552

100%

CSS渐变代码

background: linear-gradient(to right, #5259CC, #CCC552);
background: linear-gradient(135deg, #5259CC, #CCC552);

探索每种颜色

#5259CC

查看完整颜色详情

#CCC552

查看完整颜色详情

相关比较