#48D558

#48D558

#D548C5

#D548C5

对比度

1.97:1

Delta E

158.79

Very Different

50:50 混合

#A99C93

颜色值

格式 #48D558 #D548C5
HEX #48D558 #D548C5
RGB 72, 213, 88 213, 72, 197
HSL 126.8, 62.7%, 55.9% 306.8, 62.7%, 55.9%
HSV 126.8, 66.2%, 83.5% 306.8, 66.2%, 83.5%
CMYK 66.2%, 0.0%, 58.7%, 16.5% 0.0%, 66.2%, 7.5%, 16.5%
OKLCH 0.7711 0.2059 145.0 0.6401 0.2222 332.7

对比度与无障碍

1.97:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #D548C5 → 背景色: #48D558

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

文本: #48D558 → 背景色: #D548C5

色差 (Delta E)

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

渐变

#48D558 #77C36E #94B182 #A99C93 #BB86A4 #C96BB5 #D548C5

颜色混合

#48D558

100%

#86BA78

75:25

#A99C93

50:50

#C279AD

25:75

#D548C5

100%

CSS渐变代码

background: linear-gradient(to right, #48D558, #D548C5);
background: linear-gradient(135deg, #48D558, #D548C5);

探索每种颜色

#48D558

查看完整颜色详情

#D548C5

查看完整颜色详情

相关比较