#4ADF6D

#4ADF6D

#DF4ABC

#DF4ABC

对比度

2.07:1

Delta E

152.86

Very Different

50:50 混合

#B0A398

颜色值

格式 #4ADF6D #DF4ABC
HEX #4ADF6D #DF4ABC
RGB 74, 223, 109 223, 74, 188
HSL 134.1, 70.0%, 58.2% 314.1, 70.0%, 58.2%
HSV 134.1, 66.8%, 87.5% 314.1, 66.8%, 87.5%
CMYK 66.8%, 0.0%, 51.1%, 12.5% 0.0%, 66.8%, 15.7%, 12.5%
OKLCH 0.7999 0.2001 147.7 0.6522 0.2194 338.5

对比度与无障碍

2.07:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF4ABC → 背景色: #4ADF6D

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

文本: #4ADF6D → 背景色: #DF4ABC

色差 (Delta E)

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

渐变

#4ADF6D #7BCC7D #9AB88B #B0A398 #C38BA5 #D26FB0 #DF4ABC

颜色混合

#4ADF6D

100%

#8CC284

75:25

#B0A398

50:50

#CB7EAB

25:75

#DF4ABC

100%

CSS渐变代码

background: linear-gradient(to right, #4ADF6D, #DF4ABC);
background: linear-gradient(135deg, #4ADF6D, #DF4ABC);

探索每种颜色

#4ADF6D

查看完整颜色详情

#DF4ABC

查看完整颜色详情

相关比较