#2221CE

#2221CE

#CDCE21

#CDCE21

对比度

5.72:1

Delta E

185.68

Very Different

50:50 混合

#A2778B

颜色值

格式 #2221CE #CDCE21
HEX #2221CE #CDCE21
RGB 34, 33, 206 205, 206, 33
HSL 240.3, 72.4%, 46.9% 60.3, 72.4%, 46.9%
HSV 240.3, 84.0%, 80.8% 60.3, 84.0%, 80.8%
CMYK 83.5%, 84.0%, 0.0%, 19.2% 0.5%, 0.0%, 84.0%, 19.2%
OKLCH 0.4147 0.2465 268.9 0.824 0.1732 110.0

对比度与无障碍

5.72:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #CDCE21 → 背景色: #2221CE

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

文本: #2221CE → 背景色: #CDCE21

色差 (Delta E)

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

渐变

#2221CE #683EB9 #8A5AA3 #A2778B #B49372 #C2B054 #CDCE21

颜色混合

#2221CE

100%

#7B4CAE

75:25

#A2778B

50:50

#BBA264

25:75

#CDCE21

100%

CSS渐变代码

background: linear-gradient(to right, #2221CE, #CDCE21);
background: linear-gradient(135deg, #2221CE, #CDCE21);

探索每种颜色

#2221CE

查看完整颜色详情

#CDCE21

查看完整颜色详情

相关比较