#6C64FD

#6C64FD

#F5FD64

#F5FD64

对比度

3.92:1

Delta E

166.34

Very Different

50:50 混合

#C9AEBA

颜色值

格式 #6C64FD #F5FD64
HEX #6C64FD #F5FD64
RGB 108, 100, 253 245, 253, 100
HSL 243.1, 97.5%, 69.2% 63.1, 97.5%, 69.2%
HSV 243.1, 60.5%, 99.2% 63.1, 60.5%, 99.2%
CMYK 57.3%, 60.5%, 0.0%, 0.8% 3.2%, 0.0%, 60.5%, 0.8%
OKLCH 0.5974 0.22 279.7 0.9601 0.1727 112.1

对比度与无障碍

3.92:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #F5FD64 → 背景色: #6C64FD

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

文本: #6C64FD → 背景色: #F5FD64

色差 (Delta E)

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

渐变

#6C64FD #967CE7 #B395D1 #C9AEBA #DBC8A2 #E9E286 #F5FD64

颜色混合

#6C64FD

100%

#A588DC

75:25

#C9AEBA

50:50

#E2D594

25:75

#F5FD64

100%

CSS渐变代码

background: linear-gradient(to right, #6C64FD, #F5FD64);
background: linear-gradient(135deg, #6C64FD, #F5FD64);

探索每种颜色

#6C64FD

查看完整颜色详情

#F5FD64

查看完整颜色详情

相关比较