#5259CE

#5259CE

#CEC752

#CEC752

对比度

3.24:1

Delta E

132.33

Very Different

50:50 混合

#A48E97

颜色值

格式 #5259CE #CEC752
HEX #5259CE #CEC752
RGB 82, 89, 206 206, 199, 82
HSL 236.6, 55.9%, 56.5% 56.6, 55.9%, 56.5%
HSV 236.6, 60.2%, 80.8% 56.6, 60.2%, 80.8%
CMYK 60.2%, 56.8%, 0.0%, 19.2% 0.0%, 3.4%, 60.2%, 19.2%
OKLCH 0.5245 0.178 275.8 0.8131 0.1378 105.9

对比度与无障碍

3.24:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #CEC752 → 背景色: #5259CE

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

文本: #5259CE → 背景色: #CEC752

色差 (Delta E)

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

渐变

#5259CE #776ABC #907BAA #A48E97 #B4A083 #C2B36D #CEC752

颜色混合

#5259CE

100%

#8572B3

75:25

#A48E97

50:50

#BBAA78

25:75

#CEC752

100%

CSS渐变代码

background: linear-gradient(to right, #5259CE, #CEC752);
background: linear-gradient(135deg, #5259CE, #CEC752);

探索每种颜色

#5259CE

查看完整颜色详情

#CEC752

查看完整颜色详情

相关比较