#635CD3

#635CD3

#CCD35C

#CCD35C

对比度

3.26:1

Delta E

134.22

Very Different

50:50 混合

#A9969E

颜色值

格式 #635CD3 #CCD35C
HEX #635CD3 #CCD35C
RGB 99, 92, 211 204, 211, 92
HSL 243.5, 57.5%, 59.4% 63.5, 57.5%, 59.4%
HSV 243.5, 56.4%, 82.7% 63.5, 56.4%, 82.7%
CMYK 53.1%, 56.4%, 0.0%, 17.3% 3.3%, 0.0%, 56.4%, 17.3%
OKLCH 0.5458 0.1774 281.4 0.8381 0.1424 112.2

对比度与无障碍

3.26:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #CCD35C → 背景色: #635CD3

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

文本: #635CD3 → 背景色: #CCD35C

色差 (Delta E)

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

渐变

#635CD3 #816FC2 #9782B0 #A9969E #B7AA8B #C2BE75 #CCD35C

颜色混合

#635CD3

100%

#8D78B9

75:25

#A9969E

50:50

#BDB480

25:75

#CCD35C

100%

CSS渐变代码

background: linear-gradient(to right, #635CD3, #CCD35C);
background: linear-gradient(135deg, #635CD3, #CCD35C);

探索每种颜色

#635CD3

查看完整颜色详情

#CCD35C

查看完整颜色详情

相关比较