#679EF9

#679EF9

#F9C267

#F9C267

对比度

1.65:1

Delta E

104.76

Very Different

50:50 混合

#C6AFB3

颜色值

格式 #679EF9 #F9C267
HEX #679EF9 #F9C267
RGB 103, 158, 249 249, 194, 103
HSL 217.4, 92.4%, 69.0% 37.4, 92.4%, 69.0%
HSV 217.4, 58.6%, 97.6% 37.4, 58.6%, 97.6%
CMYK 58.6%, 36.5%, 0.0%, 2.4% 0.0%, 22.1%, 58.6%, 2.4%
OKLCH 0.7016 0.1464 260.0 0.8457 0.1255 78.3

对比度与无障碍

1.65:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F9C267 → 背景色: #679EF9

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

文本: #679EF9 → 背景色: #F9C267

色差 (Delta E)

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

渐变

#679EF9 #92A3E2 #AFA9CA #C6AFB3 #D9B59B #EABB82 #F9C267

颜色混合

#679EF9

100%

#A1A6D6

75:25

#C6AFB3

50:50

#E2B88F

25:75

#F9C267

100%

CSS渐变代码

background: linear-gradient(to right, #679EF9, #F9C267);
background: linear-gradient(135deg, #679EF9, #F9C267);

探索每种颜色

#679EF9

查看完整颜色详情

#F9C267

查看完整颜色详情

相关比较