#2FDF3A

#2FDF3A

#DF2FD4

#DF2FD4

对比度

2.14:1

Delta E

190.45

Very Different

50:50 混合

#B09E91

颜色值

格式 #2FDF3A #DF2FD4
HEX #2FDF3A #DF2FD4
RGB 47, 223, 58 223, 47, 212
HSL 123.8, 73.3%, 52.9% 303.8, 73.3%, 52.9%
HSV 123.8, 78.9%, 87.5% 303.8, 78.9%, 87.5%
CMYK 78.9%, 0.0%, 74.0%, 12.5% 0.0%, 78.9%, 4.9%, 12.5%
OKLCH 0.789 0.244 143.5 0.6431 0.2634 331.0

对比度与无障碍

2.14:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF2FD4 → 背景色: #2FDF3A

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

文本: #2FDF3A → 背景色: #DF2FD4

色差 (Delta E)

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

渐变

#2FDF3A #74CB5E #97B679 #B09E91 #C384A8 #D263BE #DF2FD4

颜色混合

#2FDF3A

100%

#87C16C

75:25

#B09E91

50:50

#CB75B3

25:75

#DF2FD4

100%

CSS渐变代码

background: linear-gradient(to right, #2FDF3A, #DF2FD4);
background: linear-gradient(135deg, #2FDF3A, #DF2FD4);

探索每种颜色

#2FDF3A

查看完整颜色详情

#DF2FD4

查看完整颜色详情

相关比较