#6670FD

#6670FD

#FDF366

#FDF366

对比度

3.43:1

Delta E

153.4

Very Different

50:50 混合

#CAAEBA

颜色值

格式 #6670FD #FDF366
HEX #6670FD #FDF366
RGB 102, 112, 253 253, 243, 102
HSL 236.0, 97.4%, 69.6% 56.0, 97.4%, 69.6%
HSV 236.0, 59.7%, 99.2% 56.0, 59.7%, 99.2%
CMYK 59.7%, 55.7%, 0.0%, 0.8% 0.0%, 4.0%, 59.7%, 0.8%
OKLCH 0.6138 0.2067 275.4 0.9461 0.1599 105.2

对比度与无障碍

3.43:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #FDF366 → 背景色: #6670FD

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

文本: #6670FD → 背景色: #FDF366

色差 (Delta E)

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

渐变

#6670FD #9384E7 #B299D1 #CAAEBA #DEC5A1 #EEDC86 #FDF366

颜色混合

#6670FD

100%

#A48EDC

75:25

#CAAEBA

50:50

#E6D094

25:75

#FDF366

100%

CSS渐变代码

background: linear-gradient(to right, #6670FD, #FDF366);
background: linear-gradient(135deg, #6670FD, #FDF366);

探索每种颜色

#6670FD

查看完整颜色详情

#FDF366

查看完整颜色详情

相关比较