#216FD4

#216FD4

#D48621

#D48621

对比度

1.69:1

Delta E

121.02

Very Different

50:50 混合

#A47882

颜色值

格式 #216FD4 #D48621
HEX #216FD4 #D48621
RGB 33, 111, 212 212, 134, 33
HSL 213.9, 73.1%, 48.0% 33.9, 73.1%, 48.0%
HSV 213.9, 84.4%, 83.1% 33.9, 84.4%, 83.1%
CMYK 84.4%, 47.6%, 0.0%, 16.9% 0.0%, 36.8%, 84.4%, 16.9%
OKLCH 0.5521 0.1723 257.1 0.6863 0.1421 66.5

对比度与无障碍

1.69:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #D48621 → 背景色: #216FD4

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

文本: #216FD4 → 背景色: #D48621

色差 (Delta E)

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

渐变

#216FD4 #6A72B9 #8C759D #A47882 #B77D66 #C68148 #D48621

颜色混合

#216FD4

100%

#7D73AB

75:25

#A47882

50:50

#BF7F57

25:75

#D48621

100%

CSS渐变代码

background: linear-gradient(to right, #216FD4, #D48621);
background: linear-gradient(135deg, #216FD4, #D48621);

探索每种颜色

#216FD4

查看完整颜色详情

#D48621

查看完整颜色详情

相关比较