#5656FD

#5656FD

#FDFD56

#FDFD56

对比度

4.67:1

Delta E

180.65

Very Different

50:50 混合

#C9A6B6

颜色值

格式 #5656FD #FDFD56
HEX #5656FD #FDFD56
RGB 86, 86, 253 253, 253, 86
HSL 240.0, 97.7%, 66.5% 60.0, 97.7%, 66.5%
HSV 240.0, 66.0%, 99.2% 60.0, 66.0%, 99.2%
CMYK 66.0%, 66.0%, 0.0%, 0.8% 0.0%, 0.0%, 66.0%, 0.8%
OKLCH 0.5605 0.2404 275.4 0.9653 0.181 109.4

对比度与无障碍

4.67:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #FDFD56 → 背景色: #5656FD

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

文本: #5656FD → 背景色: #FDFD56

色差 (Delta E)

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

渐变

#5656FD #8D70E6 #AF8ACF #C9A6B6 #DEC39C #EFE07D #FDFD56

颜色混合

#5656FD

100%

#A07DDB

75:25

#C9A6B6

50:50

#E7D18D

25:75

#FDFD56

100%

CSS渐变代码

background: linear-gradient(to right, #5656FD, #FDFD56);
background: linear-gradient(135deg, #5656FD, #FDFD56);

探索每种颜色

#5656FD

查看完整颜色详情

#FDFD56

查看完整颜色详情

相关比较