#5DF6AF

#5DF6AF

#F65DA4

#F65DA4

对比度

2.17:1

Delta E

127.47

Very Different

50:50 混合

#C5B5AA

颜色值

格式 #5DF6AF #F65DA4
HEX #5DF6AF #F65DA4
RGB 93, 246, 175 246, 93, 164
HSL 152.2, 89.5%, 66.5% 332.2, 89.5%, 66.5%
HSV 152.2, 62.2%, 96.5% 332.2, 62.2%, 96.5%
CMYK 62.2%, 0.0%, 28.9%, 3.5% 0.0%, 62.2%, 33.3%, 3.5%
OKLCH 0.8738 0.1644 159.7 0.6962 0.1985 354.7

对比度与无障碍

2.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F65DA4 → 背景色: #5DF6AF

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

文本: #5DF6AF → 背景色: #F65DA4

色差 (Delta E)

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

渐变

#5DF6AF #8EE1AD #AECCAC #C5B5AA #D99CA8 #E980A6 #F65DA4

颜色混合

#5DF6AF

100%

#9FD7AD

75:25

#C5B5AA

50:50

#E18EA7

25:75

#F65DA4

100%

CSS渐变代码

background: linear-gradient(to right, #5DF6AF, #F65DA4);
background: linear-gradient(135deg, #5DF6AF, #F65DA4);

探索每种颜色

#5DF6AF

查看完整颜色详情

#F65DA4

查看完整颜色详情

相关比较