#213FBC

#213FBC

#BC9E21

#BC9E21

对比度

3.22:1

Delta E

140.51

Very Different

50:50 混合

#916B7A

颜色值

格式 #213FBC #BC9E21
HEX #213FBC #BC9E21
RGB 33, 63, 188 188, 158, 33
HSL 228.4, 70.1%, 43.3% 48.4, 70.1%, 43.3%
HSV 228.4, 82.4%, 73.7% 48.4, 82.4%, 73.7%
CMYK 82.4%, 66.5%, 0.0%, 26.3% 0.0%, 16.0%, 82.4%, 26.3%
OKLCH 0.4361 0.1981 266.7 0.7062 0.1362 94.2

对比度与无障碍

3.22:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #BC9E21 → 背景色: #213FBC

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

文本: #213FBC → 背景色: #BC9E21

色差 (Delta E)

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

渐变

#213FBC #5E4CA6 #7C5B91 #916B7A #A27C63 #B08D48 #BC9E21

颜色混合

#213FBC

100%

#6E549C

75:25

#916B7A

50:50

#A98456

25:75

#BC9E21

100%

CSS渐变代码

background: linear-gradient(to right, #213FBC, #BC9E21);
background: linear-gradient(135deg, #213FBC, #BC9E21);

探索每种颜色

#213FBC

查看完整颜色详情

#BC9E21

查看完整颜色详情

相关比较