#6CD3C3

#6CD3C3

#D36C7C

#D36C7C

对比度

1.89:1

Delta E

79.38

Very Different

50:50 混合

#B1A39F

颜色值

格式 #6CD3C3 #D36C7C
HEX #6CD3C3 #D36C7C
RGB 108, 211, 195 211, 108, 124
HSL 170.7, 53.9%, 62.5% 350.7, 53.9%, 62.5%
HSV 170.7, 48.8%, 82.7% 350.7, 48.8%, 82.7%
CMYK 48.8%, 0.0%, 7.6%, 17.3% 0.0%, 48.8%, 41.2%, 17.3%
OKLCH 0.8004 0.0995 182.3 0.6548 0.1301 11.5

对比度与无障碍

1.89:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #D36C7C → 背景色: #6CD3C3

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

文本: #6CD3C3 → 背景色: #D36C7C

色差 (Delta E)

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

渐变

#6CD3C3 #8BC4B7 #A0B4AB #B1A39F #BF9293 #CA8087 #D36C7C

颜色混合

#6CD3C3

100%

#96BCB1

75:25

#B1A39F

50:50

#C5898D

25:75

#D36C7C

100%

CSS渐变代码

background: linear-gradient(to right, #6CD3C3, #D36C7C);
background: linear-gradient(135deg, #6CD3C3, #D36C7C);

探索每种颜色

#6CD3C3

查看完整颜色详情

#D36C7C

查看完整颜色详情

相关比较