#5DDF7F

#5DDF7F

#DF5DBD

#DF5DBD

对比度

1.91:1

Delta E

134.8

Very Different

50:50 混合

#B3A8A0

颜色值

格式 #5DDF7F #DF5DBD
HEX #5DDF7F #DF5DBD
RGB 93, 223, 127 223, 93, 189
HSL 135.7, 67.0%, 62.0% 315.7, 67.0%, 62.0%
HSV 135.7, 58.3%, 87.5% 315.7, 58.3%, 87.5%
CMYK 58.3%, 0.0%, 43.0%, 12.5% 0.0%, 58.3%, 15.2%, 12.5%
OKLCH 0.8082 0.1766 149.4 0.6732 0.1942 339.0

对比度与无障碍

1.91:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF5DBD → 背景色: #5DDF7F

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

文本: #5DDF7F → 背景色: #DF5DBD

色差 (Delta E)

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

渐变

#5DDF7F #84CE8B #9EBB96 #B3A8A0 #C493AA #D27BB4 #DF5DBD

颜色混合

#5DDF7F

100%

#92C591

75:25

#B3A8A0

50:50

#CC87AF

25:75

#DF5DBD

100%

CSS渐变代码

background: linear-gradient(to right, #5DDF7F, #DF5DBD);
background: linear-gradient(135deg, #5DDF7F, #DF5DBD);

探索每种颜色

#5DDF7F

查看完整颜色详情

#DF5DBD

查看完整颜色详情

相关比较