#2C38F7

#2C38F7

#F7EB2C

#F7EB2C

对比度

5.6:1

Delta E

200.48

Very Different

50:50 混合

#C28EA6

颜色值

格式 #2C38F7 #F7EB2C
HEX #2C38F7 #F7EB2C
RGB 44, 56, 247 247, 235, 44
HSL 236.5, 92.7%, 57.1% 56.5, 92.7%, 57.1%
HSV 236.5, 82.2%, 96.9% 56.5, 82.2%, 96.9%
CMYK 82.2%, 77.3%, 0.0%, 3.1% 0.0%, 4.9%, 82.2%, 3.1%
OKLCH 0.4913 0.272 268.6 0.9209 0.1873 105.6

对比度与无障碍

5.6:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #F7EB2C → 背景色: #2C38F7

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

文本: #2C38F7 → 背景色: #F7EB2C

色差 (Delta E)

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

渐变

#2C38F7 #7E54DD #A671C2 #C28EA6 #D7AD88 #E9CC64 #F7EB2C

颜色混合

#2C38F7

100%

#9462D0

75:25

#C28EA6

50:50

#E1BC77

25:75

#F7EB2C

100%

CSS渐变代码

background: linear-gradient(to right, #2C38F7, #F7EB2C);
background: linear-gradient(135deg, #2C38F7, #F7EB2C);

探索每种颜色

#2C38F7

查看完整颜色详情

#F7EB2C

查看完整颜色详情

相关比较