#656FFD

#656FFD

#FDF365

#FDF365

对比度

3.47:1

Delta E

154.45

Very Different

50:50 混合

#CAAEBA

颜色值

格式 #656FFD #FDF365
HEX #656FFD #FDF365
RGB 101, 111, 253 253, 243, 101
HSL 236.1, 97.4%, 69.4% 56.1, 97.4%, 69.4%
HSV 236.1, 60.1%, 99.2% 56.1, 60.1%, 99.2%
CMYK 60.1%, 56.1%, 0.0%, 0.8% 0.0%, 4.0%, 60.1%, 0.8%
OKLCH 0.6114 0.2081 275.3 0.946 0.1607 105.3

对比度与无障碍

3.47:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #FDF365 → 背景色: #656FFD

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

文本: #656FFD → 背景色: #FDF365

色差 (Delta E)

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

渐变

#656FFD #9383E7 #B298D1 #CAAEBA #DEC4A1 #EEDC86 #FDF365

颜色混合

#656FFD

100%

#A38DDC

75:25

#CAAEBA

50:50

#E6D094

25:75

#FDF365

100%

CSS渐变代码

background: linear-gradient(to right, #656FFD, #FDF365);
background: linear-gradient(135deg, #656FFD, #FDF365);

探索每种颜色

#656FFD

查看完整颜色详情

#FDF365

查看完整颜色详情

相关比较