#33DF50

#33DF50

#DF33C2

#DF33C2

对比度

2.19:1

Delta E

175.86

Very Different

50:50 混合

#AF9E90

颜色值

格式 #33DF50 #DF33C2
HEX #33DF50 #DF33C2
RGB 51, 223, 80 223, 51, 194
HSL 130.1, 72.9%, 53.7% 310.1, 72.9%, 53.7%
HSV 130.1, 77.1%, 87.5% 310.1, 77.1%, 87.5%
CMYK 77.1%, 0.0%, 64.1%, 12.5% 0.0%, 77.1%, 13.0%, 12.5%
OKLCH 0.7915 0.2296 145.2 0.6363 0.2481 336.1

对比度与无障碍

2.19:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF33C2 → 背景色: #33DF50

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

文本: #33DF50 → 背景色: #DF33C2

色差 (Delta E)

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

渐变

#33DF50 #74CB69 #96B57D #AF9E90 #C284A1 #D264B2 #DF33C2

颜色混合

#33DF50

100%

#87C073

75:25

#AF9E90

50:50

#CA75AA

25:75

#DF33C2

100%

CSS渐变代码

background: linear-gradient(to right, #33DF50, #DF33C2);
background: linear-gradient(135deg, #33DF50, #DF33C2);

探索每种颜色

#33DF50

查看完整颜色详情

#DF33C2

查看完整颜色详情

相关比较