#6CD3CC

#6CD3CC

#D36C73

#D36C73

对比度

1.92:1

Delta E

78.41

Very Different

50:50 混合

#B3A39E

颜色值

格式 #6CD3CC #D36C73
HEX #6CD3CC #D36C73
RGB 108, 211, 204 211, 108, 115
HSL 175.9, 53.9%, 62.5% 355.9, 53.9%, 62.5%
HSV 175.9, 48.8%, 82.7% 355.9, 48.8%, 82.7%
CMYK 48.8%, 0.0%, 3.3%, 17.3% 0.0%, 48.8%, 45.5%, 17.3%
OKLCH 0.8032 0.0969 189.6 0.6526 0.1297 17.1

对比度与无障碍

1.92:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #D36C73 → 背景色: #6CD3CC

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

文本: #6CD3CC → 背景色: #D36C73

色差 (Delta E)

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

渐变

#6CD3CC #8CC3BC #A2B4AD #B3A39E #C0928F #CA8081 #D36C73

颜色混合

#6CD3CC

100%

#98BCB5

75:25

#B3A39E

50:50

#C58988

25:75

#D36C73

100%

CSS渐变代码

background: linear-gradient(to right, #6CD3CC, #D36C73);
background: linear-gradient(135deg, #6CD3CC, #D36C73);

探索每种颜色

#6CD3CC

查看完整颜色详情

#D36C73

查看完整颜色详情

相关比较