#7ADF9D

#7ADF9D

#DF7ABC

#DF7ABC

对比度

1.68:1

Delta E

101.58

Very Different

50:50 混合

#B9B2AD

颜色值

格式 #7ADF9D #DF7ABC
HEX #7ADF9D #DF7ABC
RGB 122, 223, 157 223, 122, 188
HSL 140.8, 61.2%, 67.6% 320.8, 61.2%, 67.6%
HSV 140.8, 45.3%, 87.5% 320.8, 45.3%, 87.5%
CMYK 45.3%, 0.0%, 29.6%, 12.5% 0.0%, 45.3%, 15.7%, 12.5%
OKLCH 0.8249 0.1339 153.7 0.7118 0.1476 341.8

对比度与无障碍

1.68:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF7ABC → 背景色: #7ADF9D

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

文本: #7ADF9D → 背景色: #DF7ABC

色差 (Delta E)

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

渐变

#7ADF9D #94D1A3 #A8C1A8 #B9B2AD #C7A1B3 #D48FB7 #DF7ABC

颜色混合

#7ADF9D

100%

#9EC9A6

75:25

#B9B2AD

50:50

#CE98B5

25:75

#DF7ABC

100%

CSS渐变代码

background: linear-gradient(to right, #7ADF9D, #DF7ABC);
background: linear-gradient(135deg, #7ADF9D, #DF7ABC);

探索每种颜色

#7ADF9D

查看完整颜色详情

#DF7ABC

查看完整颜色详情

相关比较