#7CD3CC

#7CD3CC

#D37C83

#D37C83

对比度

1.73:1

Delta E

66.7

Very Different

50:50 混合

#B5AAA7

颜色值

格式 #7CD3CC #D37C83
HEX #7CD3CC #D37C83
RGB 124, 211, 204 211, 124, 131
HSL 175.2, 49.7%, 65.7% 355.2, 49.7%, 65.7%
HSV 175.2, 41.2%, 82.7% 355.2, 41.2%, 82.7%
CMYK 41.2%, 0.0%, 3.3%, 17.3% 0.0%, 41.2%, 37.9%, 17.3%
OKLCH 0.8101 0.0851 189.0 0.682 0.1083 15.2

对比度与无障碍

1.73:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #D37C83 → 背景色: #7CD3CC

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

文本: #7CD3CC → 背景色: #D37C83

色差 (Delta E)

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

渐变

#7CD3CC #94C6BF #A6B8B3 #B5AAA7 #C19B9B #CB8C8F #D37C83

颜色混合

#7CD3CC

100%

#9EBFB9

75:25

#B5AAA7

50:50

#C69495

25:75

#D37C83

100%

CSS渐变代码

background: linear-gradient(to right, #7CD3CC, #D37C83);
background: linear-gradient(135deg, #7CD3CC, #D37C83);

探索每种颜色

#7CD3CC

查看完整颜色详情

#D37C83

查看完整颜色详情

相关比较