#77CCCE

#77CCCE

#CE7977

#CE7977

对比度

1.71:1

Delta E

65.3

Very Different

50:50 混合

#B1A5A1

颜色值

格式 #77CCCE #CE7977
HEX #77CCCE #CE7977
RGB 119, 204, 206 206, 121, 119
HSL 181.4, 47.0%, 63.7% 1.4, 47.0%, 63.7%
HSV 181.4, 42.2%, 80.8% 1.4, 42.2%, 80.8%
CMYK 42.2%, 1.0%, 0.0%, 19.2% 0.0%, 41.3%, 42.2%, 19.2%
OKLCH 0.7924 0.0827 197.6 0.6678 0.1067 21.7

对比度与无障碍

1.71:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CE7977 → 背景色: #77CCCE

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

文本: #77CCCE → 背景色: #CE7977

色差 (Delta E)

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

渐变

#77CCCE #90BFBF #A2B2B0 #B1A5A1 #BC9793 #C68885 #CE7977

颜色混合

#77CCCE

100%

#9AB9B7

75:25

#B1A5A1

50:50

#C2908C

25:75

#CE7977

100%

CSS渐变代码

background: linear-gradient(to right, #77CCCE, #CE7977);
background: linear-gradient(135deg, #77CCCE, #CE7977);

探索每种颜色

#77CCCE

查看完整颜色详情

#CE7977

查看完整颜色详情

相关比较