#0818F7

#0818F7

#F7E708

#F7E708

对比度

6.6:1

Delta E

217.42

Very Different

50:50 混合

#C281A2

颜色值

格式 #0818F7 #F7E708
HEX #0818F7 #F7E708
RGB 8, 24, 247 247, 231, 8
HSL 236.0, 93.7%, 50.0% 56.0, 93.7%, 50.0%
HSV 236.0, 96.8%, 96.9% 56.0, 96.8%, 96.9%
CMYK 96.8%, 90.3%, 0.0%, 3.1% 0.0%, 6.5%, 96.8%, 3.1%
OKLCH 0.4523 0.2981 264.7 0.9118 0.1921 104.5

对比度与无障碍

6.6:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #F7E708 → 背景色: #0818F7

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

文本: #0818F7 → 背景色: #F7E708

色差 (Delta E)

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

渐变

#0818F7 #7B3EDB #A560BF #C281A2 #D8A382 #E9C55B #F7E708

颜色混合

#0818F7

100%

#924FCD

75:25

#C281A2

50:50

#E1B470

25:75

#F7E708

100%

CSS渐变代码

background: linear-gradient(to right, #0818F7, #F7E708);
background: linear-gradient(135deg, #0818F7, #F7E708);

探索每种颜色

#0818F7

查看完整颜色详情

#F7E708

查看完整颜色详情

相关比较