#768AF3

#768AF3

#F3DF76

#F3DF76

对比度

2.33:1

Delta E

115.46

Very Different

50:50 混合

#C5B3B9

颜色值

格式 #768AF3 #F3DF76
HEX #768AF3 #F3DF76
RGB 118, 138, 243 243, 223, 118
HSL 230.4, 83.9%, 70.8% 50.4, 83.9%, 70.8%
HSV 230.4, 51.4%, 95.3% 50.4, 51.4%, 95.3%
CMYK 51.4%, 43.2%, 0.0%, 4.7% 0.0%, 8.2%, 51.4%, 4.7%
OKLCH 0.666 0.1567 273.3 0.8988 0.1277 98.8

对比度与无障碍

2.33:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F3DF76 → 背景色: #768AF3

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

文本: #768AF3 → 背景色: #F3DF76

色差 (Delta E)

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

渐变

#768AF3 #9797E0 #B0A4CD #C5B3B9 #D6C1A4 #E5D08E #F3DF76

颜色混合

#768AF3

100%

#A49ED6

75:25

#C5B3B9

50:50

#DEC899

25:75

#F3DF76

100%

CSS渐变代码

background: linear-gradient(to right, #768AF3, #F3DF76);
background: linear-gradient(135deg, #768AF3, #F3DF76);

探索每种颜色

#768AF3

查看完整颜色详情

#F3DF76

查看完整颜色详情

相关比较