#2ABC2A

#2ABC2A

#BC2ABC

#BC2ABC

对比度

1.98:1

Delta E

171.22

Very Different

50:50 混合

颜色值

格式 #2ABC2A #BC2ABC
HEX #2ABC2A #BC2ABC
RGB 42, 188, 42 188, 42, 188
HSL 120.0, 63.5%, 45.1% 300.0, 63.5%, 45.1%
HSV 120.0, 77.7%, 73.7% 300.0, 77.7%, 73.7%
CMYK 77.7%, 0.0%, 77.7%, 26.3% 0.0%, 77.7%, 0.0%, 26.3%
OKLCH 0.6947 0.2166 142.8 0.5739 0.2351 328.1

对比度与无障碍

1.98:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #BC2ABC → 背景色: #2ABC2A

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

文本: #2ABC2A → 背景色: #BC2ABC

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #2ABC2A, #BC2ABC);
background: linear-gradient(135deg, #2ABC2A, #BC2ABC);

探索每种颜色

相关比较