#342CBA

#342CBA

#B2BA2C

#B2BA2C

对比度

4.49:1

Delta E

159.8

Very Different

50:50 混合

#907280

颜色值

格式 #342CBA #B2BA2C
HEX #342CBA #B2BA2C
RGB 52, 44, 186 178, 186, 44
HSL 243.4, 61.7%, 45.1% 63.4, 61.7%, 45.1%
HSV 243.4, 76.3%, 72.9% 63.4, 76.3%, 72.9%
CMYK 72.0%, 76.3%, 0.0%, 27.1% 4.3%, 0.0%, 76.3%, 27.1%
OKLCH 0.4141 0.2105 274.6 0.7583 0.1557 112.9

对比度与无障碍

4.49:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #B2BA2C → 背景色: #342CBA

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

文本: #342CBA → 背景色: #B2BA2C

色差 (Delta E)

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

渐变

#342CBA #6243A7 #7D5A94 #907280 #9E896A #A9A151 #B2BA2C

颜色混合

#342CBA

100%

#714E9E

75:25

#907280

50:50

#A4955E

25:75

#B2BA2C

100%

CSS渐变代码

background: linear-gradient(to right, #342CBA, #B2BA2C);
background: linear-gradient(135deg, #342CBA, #B2BA2C);

探索每种颜色

#342CBA

查看完整颜色详情

#B2BA2C

查看完整颜色详情

相关比较