#666DFD

#666DFD

#FDF666

#FDF666

对比度

3.59:1

Delta E

156.68

Very Different

50:50 混合

#CAAEBA

颜色值

格式 #666DFD #FDF666
HEX #666DFD #FDF666
RGB 102, 109, 253 253, 246, 102
HSL 237.2, 97.4%, 69.6% 57.2, 97.4%, 69.6%
HSV 237.2, 59.7%, 99.2% 57.2, 59.7%, 99.2%
CMYK 59.7%, 56.9%, 0.0%, 0.8% 0.0%, 2.8%, 59.7%, 0.8%
OKLCH 0.6085 0.2103 276.1 0.9523 0.1628 106.5

对比度与无障碍

3.59:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #FDF666 → 背景色: #666DFD

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

文本: #666DFD → 背景色: #FDF666

色差 (Delta E)

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

渐变

#666DFD #9382E7 #B298D1 #CAAEBA #DEC6A2 #EFDE87 #FDF666

颜色混合

#666DFD

100%

#A48DDC

75:25

#CAAEBA

50:50

#E7D295

25:75

#FDF666

100%

CSS渐变代码

background: linear-gradient(to right, #666DFD, #FDF666);
background: linear-gradient(135deg, #666DFD, #FDF666);

探索每种颜色

#666DFD

查看完整颜色详情

#FDF666

查看完整颜色详情

相关比较