#45DF9F

#45DF9F

#DF4585

#DF4585

对比度

2.31:1

Delta E

123.68

Very Different

50:50 混合

#B29F92

颜色值

格式 #45DF9F #DF4585
HEX #45DF9F #DF4585
RGB 69, 223, 159 223, 69, 133
HSL 155.1, 70.6%, 57.3% 335.1, 70.6%, 57.3%
HSV 155.1, 69.1%, 87.5% 335.1, 69.1%, 87.5%
CMYK 69.1%, 0.0%, 28.7%, 12.5% 0.0%, 69.1%, 40.4%, 12.5%
OKLCH 0.8078 0.1579 161.3 0.6261 0.1968 359.1

对比度与无障碍

2.31:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF4585 → 背景色: #45DF9F

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

文本: #45DF9F → 背景色: #DF4585

色差 (Delta E)

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

渐变

#45DF9F #7BCB9B #9BB696 #B29F92 #C4878E #D36A89 #DF4585

颜色混合

#45DF9F

100%

#8DC099

75:25

#B29F92

50:50

#CC798C

25:75

#DF4585

100%

CSS渐变代码

background: linear-gradient(to right, #45DF9F, #DF4585);
background: linear-gradient(135deg, #45DF9F, #DF4585);

探索每种颜色

#45DF9F

查看完整颜色详情

#DF4585

查看完整颜色详情

相关比较