#394FC2

#394FC2

#C2AC39

#C2AC39

对比度

3.01:1

Delta E

130.8

Very Different

50:50 混合

#977B86

颜色值

格式 #394FC2 #C2AC39
HEX #394FC2 #C2AC39
RGB 57, 79, 194 194, 172, 57
HSL 230.4, 54.6%, 49.2% 50.4, 54.6%, 49.2%
HSV 230.4, 70.6%, 76.1% 50.4, 70.6%, 76.1%
CMYK 70.6%, 59.3%, 0.0%, 23.9% 0.0%, 11.3%, 70.6%, 23.9%
OKLCH 0.4814 0.1808 269.9 0.7429 0.1331 98.1

对比度与无障碍

3.01:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #C2AC39 → 背景色: #394FC2

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

文本: #394FC2 → 背景色: #C2AC39

色差 (Delta E)

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

渐变

#394FC2 #675CAE #836B9A #977B86 #A88B70 #B69B58 #C2AC39

颜色混合

#394FC2

100%

#7664A4

75:25

#977B86

50:50

#AF9364

25:75

#C2AC39

100%

CSS渐变代码

background: linear-gradient(to right, #394FC2, #C2AC39);
background: linear-gradient(135deg, #394FC2, #C2AC39);

探索每种颜色

#394FC2

查看完整颜色详情

#C2AC39

查看完整颜色详情

相关比较