#5CD3EB

#5CD3EB

#EB745C

#EB745C

对比度

1.67:1

Delta E

91.74

Very Different

50:50 混合

#C2A7A2

颜色值

格式 #5CD3EB #EB745C
HEX #5CD3EB #EB745C
RGB 92, 211, 235 235, 116, 92
HSL 190.1, 78.1%, 64.1% 10.1, 78.1%, 64.1%
HSV 190.1, 60.9%, 92.2% 10.1, 60.9%, 92.2%
CMYK 60.9%, 10.2%, 0.0%, 7.8% 0.0%, 50.6%, 60.9%, 7.8%
OKLCH 0.8083 0.1109 213.1 0.693 0.1524 32.8

对比度与无障碍

1.67:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #EB745C → 背景色: #5CD3EB

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

文本: #5CD3EB → 背景色: #EB745C

色差 (Delta E)

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

渐变

#5CD3EB #8EC5D2 #ACB6BA #C2A7A2 #D3978A #E08673 #EB745C

颜色混合

#5CD3EB

100%

#9EBEC6

75:25

#C2A7A2

50:50

#DA8F7E

25:75

#EB745C

100%

CSS渐变代码

background: linear-gradient(to right, #5CD3EB, #EB745C);
background: linear-gradient(135deg, #5CD3EB, #EB745C);

探索每种颜色

#5CD3EB

查看完整颜色详情

#EB745C

查看完整颜色详情

相关比较