#786DFD

#786DFD

#F2FD6D

#F2FD6D

对比度

3.52:1

Delta E

156.87

Very Different

50:50 混合

#CAB3BD

颜色值

格式 #786DFD #F2FD6D
HEX #786DFD #F2FD6D
RGB 120, 109, 253 242, 253, 109
HSL 244.6, 97.3%, 71.0% 64.6, 97.3%, 71.0%
HSV 244.6, 56.9%, 99.2% 64.6, 56.9%, 99.2%
CMYK 52.6%, 56.9%, 0.0%, 0.8% 4.3%, 0.0%, 56.9%, 0.8%
OKLCH 0.621 0.207 282.0 0.9587 0.1662 113.2

对比度与无障碍

3.52:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #F2FD6D → 背景色: #786DFD

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

文本: #786DFD → 背景色: #F2FD6D

色差 (Delta E)

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

渐变

#786DFD #9C84E8 #B69BD3 #CAB3BD #DACBA6 #E7E48C #F2FD6D

颜色混合

#786DFD

100%

#AA8FDE

75:25

#CAB3BD

50:50

#E1D899

25:75

#F2FD6D

100%

CSS渐变代码

background: linear-gradient(to right, #786DFD, #F2FD6D);
background: linear-gradient(135deg, #786DFD, #F2FD6D);

探索每种颜色

#786DFD

查看完整颜色详情

#F2FD6D

查看完整颜色详情

相关比较