#7CD3EE

#7CD3EE

#EE977C

#EE977C

对比度

1.33:1

Delta E

70.11

Very Different

50:50 混合

#C6B6B4

颜色值

格式 #7CD3EE #EE977C
HEX #7CD3EE #EE977C
RGB 124, 211, 238 238, 151, 124
HSL 194.2, 77.0%, 71.0% 14.2, 77.0%, 71.0%
HSV 194.2, 47.9%, 93.3% 14.2, 47.9%, 93.3%
CMYK 47.9%, 11.3%, 0.0%, 6.7% 0.0%, 36.6%, 47.9%, 6.7%
OKLCH 0.8217 0.092 220.0 0.7587 0.1121 38.0

对比度与无障碍

1.33:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #EE977C → 背景色: #7CD3EE

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

文本: #7CD3EE → 背景色: #EE977C

色差 (Delta E)

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

渐变

#7CD3EE #9CCADA #B4C0C7 #C6B6B4 #D6ACA1 #E3A28F #EE977C

颜色混合

#7CD3EE

100%

#A9C5D1

75:25

#C6B6B4

50:50

#DDA798

25:75

#EE977C

100%

CSS渐变代码

background: linear-gradient(to right, #7CD3EE, #EE977C);
background: linear-gradient(135deg, #7CD3EE, #EE977C);

探索每种颜色

#7CD3EE

查看完整颜色详情

#EE977C

查看完整颜色详情

相关比较