#3308F7

#3308F7

#CCF708

#CCF708

对比度

6.7:1

Delta E

229.6

Very Different

50:50 混合

#B38BA3

颜色值

格式 #3308F7 #CCF708
HEX #3308F7 #CCF708
RGB 51, 8, 247 204, 247, 8
HSL 250.8, 93.7%, 50.0% 70.8, 93.7%, 50.0%
HSV 250.8, 96.8%, 96.9% 70.8, 96.8%, 96.9%
CMYK 79.4%, 96.8%, 0.0%, 3.1% 17.4%, 0.0%, 96.8%, 3.1%
OKLCH 0.4588 0.2944 271.1 0.9129 0.2195 121.6

对比度与无障碍

6.7:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #CCF708 → 背景色: #3308F7

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

文本: #3308F7 → 背景色: #CCF708

色差 (Delta E)

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

渐变

#3308F7 #7B40DC #9D67C0 #B38BA3 #C1AF83 #C9D35C #CCF708

颜色混合

#3308F7

100%

#8E54CE

75:25

#B38BA3

50:50

#C6C171

25:75

#CCF708

100%

CSS渐变代码

background: linear-gradient(to right, #3308F7, #CCF708);
background: linear-gradient(135deg, #3308F7, #CCF708);

探索每种颜色

#3308F7

查看完整颜色详情

#CCF708

查看完整颜色详情

相关比较