#2ABD2C

#2ABD2C

#BD2ABB

#BD2ABB

对比度

2.0:1

Delta E

170.76

Very Different

50:50 混合

#95877D

颜色值

格式 #2ABD2C #BD2ABB
HEX #2ABD2C #BD2ABB
RGB 42, 189, 44 189, 42, 187
HSL 120.8, 63.6%, 45.3% 300.8, 63.6%, 45.3%
HSV 120.8, 77.8%, 74.1% 300.8, 77.8%, 74.1%
CMYK 77.8%, 0.0%, 76.7%, 25.9% 0.0%, 77.8%, 1.1%, 25.9%
OKLCH 0.6975 0.2167 142.9 0.5748 0.2348 328.7

对比度与无障碍

2.0:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #BD2ABB → 背景色: #2ABD2C

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

文本: #2ABD2C → 背景色: #BD2ABB

色差 (Delta E)

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

渐变

#2ABD2C #63AC4D #809A67 #95877D #A67092 #B355A7 #BD2ABB

颜色混合

#2ABD2C

100%

#73A35B

75:25

#95877D

50:50

#AC639D

25:75

#BD2ABB

100%

CSS渐变代码

background: linear-gradient(to right, #2ABD2C, #BD2ABB);
background: linear-gradient(135deg, #2ABD2C, #BD2ABB);

探索每种颜色

#2ABD2C

查看完整颜色详情

#BD2ABB

查看完整颜色详情

相关比较