#33DF95

#33DF95

#DF337D

#DF337D

对比度

2.47:1

Delta E

133.83

Very Different

50:50 混合

#B09B89

颜色值

格式 #33DF95 #DF337D
HEX #33DF95 #DF337D
RGB 51, 223, 149 223, 51, 125
HSL 154.2, 72.9%, 53.7% 334.2, 72.9%, 53.7%
HSV 154.2, 77.1%, 87.5% 334.2, 77.1%, 87.5%
CMYK 77.1%, 0.0%, 33.2%, 12.5% 0.0%, 77.1%, 43.9%, 12.5%
OKLCH 0.8021 0.172 159.0 0.6082 0.213 0.2

对比度与无障碍

2.47:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF337D → 背景色: #33DF95

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

文本: #33DF95 → 背景色: #DF337D

色差 (Delta E)

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

渐变

#33DF95 #76C991 #98B38D #B09B89 #C38085 #D26181 #DF337D

颜色混合

#33DF95

100%

#89BE8F

75:25

#B09B89

50:50

#CB7283

25:75

#DF337D

100%

CSS渐变代码

background: linear-gradient(to right, #33DF95, #DF337D);
background: linear-gradient(135deg, #33DF95, #DF337D);

探索每种颜色

#33DF95

查看完整颜色详情

#DF337D

查看完整颜色详情

相关比较