#2121CC

#2121CC

#CCCC21

#CCCC21

对比度

5.68:1

Delta E

184.03

Very Different

50:50 混合

#A1768A

颜色值

格式 #2121CC #CCCC21
HEX #2121CC #CCCC21
RGB 33, 33, 204 204, 204, 33
HSL 240.0, 72.2%, 46.5% 60.0, 72.2%, 46.5%
HSV 240.0, 83.8%, 80.0% 60.0, 83.8%, 80.0%
CMYK 83.8%, 83.8%, 0.0%, 20.0% 0.0%, 0.0%, 83.8%, 20.0%
OKLCH 0.4119 0.2446 268.7 0.8189 0.1716 109.7

对比度与无障碍

5.68:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #CCCC21 → 背景色: #2121CC

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

文本: #2121CC → 背景色: #CCCC21

色差 (Delta E)

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

渐变

#2121CC #673DB7 #8959A1 #A1768A #B39271 #C1AF53 #CCCC21

颜色混合

#2121CC

100%

#7A4BAC

75:25

#A1768A

50:50

#BAA063

25:75

#CCCC21

100%

CSS渐变代码

background: linear-gradient(to right, #2121CC, #CCCC21);
background: linear-gradient(135deg, #2121CC, #CCCC21);

探索每种颜色

#2121CC

查看完整颜色详情

#CCCC21

查看完整颜色详情

相关比较