#404CCC

#404CCC

#CCC040

#CCC040

对比度

3.58:1

Delta E

144.06

Very Different

50:50 混合

#A0838F

颜色值

格式 #404CCC #CCC040
HEX #404CCC #CCC040
RGB 64, 76, 204 204, 192, 64
HSL 234.9, 57.9%, 52.5% 54.9, 57.9%, 52.5%
HSV 234.9, 68.6%, 80.0% 54.9, 68.6%, 80.0%
CMYK 68.6%, 62.7%, 0.0%, 20.0% 0.0%, 5.9%, 68.6%, 20.0%
OKLCH 0.4883 0.1957 272.6 0.7949 0.1449 103.9

对比度与无障碍

3.58:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #CCC040 → 背景色: #404CCC

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

文本: #404CCC → 背景色: #CCC040

色差 (Delta E)

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

渐变

#404CCC #6E5DB8 #8B70A4 #A0838F #B19779 #C0AB60 #CCC040

颜色混合

#404CCC

100%

#7E66AE

75:25

#A0838F

50:50

#B9A16D

25:75

#CCC040

100%

CSS渐变代码

background: linear-gradient(to right, #404CCC, #CCC040);
background: linear-gradient(135deg, #404CCC, #CCC040);

探索每种颜色

#404CCC

查看完整颜色详情

#CCC040

查看完整颜色详情

相关比较