#77CCCF

#77CCCF

#CF7A77

#CF7A77

对比度

1.69:1

Delta E

65.24

Very Different

50:50 混合

#B1A5A2

颜色值

格式 #77CCCF #CF7A77
HEX #77CCCF #CF7A77
RGB 119, 204, 207 207, 122, 119
HSL 182.0, 47.8%, 63.9% 2.0, 47.8%, 63.9%
HSV 182.0, 42.5%, 81.2% 2.0, 42.5%, 81.2%
CMYK 42.5%, 1.4%, 0.0%, 18.8% 0.0%, 41.1%, 42.5%, 18.8%
OKLCH 0.7927 0.0827 198.6 0.6707 0.1067 22.5

对比度与无障碍

1.69:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CF7A77 → 背景色: #77CCCF

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

文本: #77CCCF → 背景色: #CF7A77

色差 (Delta E)

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

渐变

#77CCCF #90BFC0 #A3B2B1 #B1A5A2 #BD9793 #C78985 #CF7A77

颜色混合

#77CCCF

100%

#9AB9B8

75:25

#B1A5A2

50:50

#C2908C

25:75

#CF7A77

100%

CSS渐变代码

background: linear-gradient(to right, #77CCCF, #CF7A77);
background: linear-gradient(135deg, #77CCCF, #CF7A77);

探索每种颜色

#77CCCF

查看完整颜色详情

#CF7A77

查看完整颜色详情

相关比较