#4DDF7F

#4DDF7F

#DF4DAD

#DF4DAD

对比度

2.1:1

Delta E

139.71

Very Different

50:50 混合

#B1A398

颜色值

格式 #4DDF7F #DF4DAD
HEX #4DDF7F #DF4DAD
RGB 77, 223, 127 223, 77, 173
HSL 140.5, 69.5%, 58.8% 320.5, 69.5%, 58.8%
HSV 140.5, 65.5%, 87.5% 320.5, 65.5%, 87.5%
CMYK 65.5%, 0.0%, 43.0%, 12.5% 0.0%, 65.5%, 22.4%, 12.5%
OKLCH 0.8035 0.1832 151.1 0.6487 0.206 344.0

对比度与无障碍

2.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF4DAD → 背景色: #4DDF7F

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

文本: #4DDF7F → 背景色: #DF4DAD

色差 (Delta E)

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

渐变

#4DDF7F #7CCC88 #9AB891 #B1A398 #C38BA0 #D270A6 #DF4DAD

颜色混合

#4DDF7F

100%

#8DC28C

75:25

#B1A398

50:50

#CB7FA3

25:75

#DF4DAD

100%

CSS渐变代码

background: linear-gradient(to right, #4DDF7F, #DF4DAD);
background: linear-gradient(135deg, #4DDF7F, #DF4DAD);

探索每种颜色

#4DDF7F

查看完整颜色详情

#DF4DAD

查看完整颜色详情

相关比较