#679EF6

#679EF6

#F6BF67

#F6BF67

对比度

1.61:1

Delta E

102.0

Very Different

50:50 混合

#C4ADB1

颜色值

格式 #679EF6 #F6BF67
HEX #679EF6 #F6BF67
RGB 103, 158, 246 246, 191, 103
HSL 216.9, 88.8%, 68.4% 36.9, 88.8%, 68.4%
HSV 216.9, 58.1%, 96.5% 36.9, 58.1%, 96.5%
CMYK 58.1%, 35.8%, 0.0%, 3.5% 0.0%, 22.4%, 58.1%, 3.5%
OKLCH 0.7 0.1425 259.4 0.8369 0.1231 77.5

对比度与无障碍

1.61:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F6BF67 → 背景色: #679EF6

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

文本: #679EF6 → 背景色: #F6BF67

色差 (Delta E)

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

渐变

#679EF6 #90A3DF #ADA8C8 #C4ADB1 #D7B39A #E7B981 #F6BF67

颜色混合

#679EF6

100%

#A0A5D4

75:25

#C4ADB1

50:50

#DFB68E

25:75

#F6BF67

100%

CSS渐变代码

background: linear-gradient(to right, #679EF6, #F6BF67);
background: linear-gradient(135deg, #679EF6, #F6BF67);

探索每种颜色

#679EF6

查看完整颜色详情

#F6BF67

查看完整颜色详情

相关比较