#2C2CAC

#2C2CAC

#ACAC2C

#ACAC2C

对比度

4.21:1

Delta E

147.05

Very Different

50:50 混合

#876A77

颜色值

格式 #2C2CAC #ACAC2C
HEX #2C2CAC #ACAC2C
RGB 44, 44, 172 172, 172, 44
HSL 240.0, 59.3%, 42.4% 60.0, 59.3%, 42.4%
HSV 240.0, 74.4%, 67.5% 60.0, 74.4%, 67.5%
CMYK 74.4%, 74.4%, 0.0%, 32.5% 0.0%, 0.0%, 74.4%, 32.5%
OKLCH 0.3943 0.1956 272.9 0.7221 0.1429 109.5

对比度与无障碍

4.21:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #ACAC2C → 背景色: #2C2CAC

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

文本: #2C2CAC → 背景色: #ACAC2C

色差 (Delta E)

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

渐变

#2C2CAC #5A409B #74558A #876A77 #967F64 #A2964C #ACAC2C

颜色混合

#2C2CAC

100%

#684A92

75:25

#876A77

50:50

#9C8A59

25:75

#ACAC2C

100%

CSS渐变代码

background: linear-gradient(to right, #2C2CAC, #ACAC2C);
background: linear-gradient(135deg, #2C2CAC, #ACAC2C);

探索每种颜色

#2C2CAC

查看完整颜色详情

#ACAC2C

查看完整颜色详情

相关比较