#2FDF93

#2FDF93

#DF2F7B

#DF2F7B

对比度

2.5:1

Delta E

135.66

Very Different

50:50 混合

#B09A87

颜色值

格式 #2FDF93 #DF2F7B
HEX #2FDF93 #DF2F7B
RGB 47, 223, 147 223, 47, 123
HSL 154.1, 73.3%, 52.9% 334.1, 73.3%, 52.9%
HSV 154.1, 78.9%, 87.5% 334.1, 78.9%, 87.5%
CMYK 78.9%, 0.0%, 34.1%, 12.5% 0.0%, 78.9%, 44.8%, 12.5%
OKLCH 0.8011 0.1747 158.6 0.6048 0.2159 0.5

对比度与无障碍

2.5:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF2F7B → 背景色: #2FDF93

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

文本: #2FDF93 → 背景色: #DF2F7B

色差 (Delta E)

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

渐变

#2FDF93 #75C98F #98B28B #B09A87 #C37F83 #D25F7F #DF2F7B

颜色混合

#2FDF93

100%

#88BE8D

75:25

#B09A87

50:50

#CB7081

25:75

#DF2F7B

100%

CSS渐变代码

background: linear-gradient(to right, #2FDF93, #DF2F7B);
background: linear-gradient(135deg, #2FDF93, #DF2F7B);

探索每种颜色

#2FDF93

查看完整颜色详情

#DF2F7B

查看完整颜色详情

相关比较