#77CCBE

#77CCBE

#CC7785

#CC7785

对比度

1.71:1

Delta E

66.61

Very Different

50:50 混合

#AEA4A1

颜色值

格式 #77CCBE #CC7785
HEX #77CCBE #CC7785
RGB 119, 204, 190 204, 119, 133
HSL 170.1, 45.5%, 63.3% 350.1, 45.5%, 63.3%
HSV 170.1, 41.7%, 80.0% 350.1, 41.7%, 80.0%
CMYK 41.7%, 0.0%, 6.9%, 20.0% 0.0%, 41.7%, 34.8%, 20.0%
OKLCH 0.7873 0.0856 182.3 0.6655 0.1072 9.8

对比度与无障碍

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

文本可读性

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

文本: #CC7785 → 背景色: #77CCBE

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

文本: #77CCBE → 背景色: #CC7785

色差 (Delta E)

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

渐变

#77CCBE #8EBFB4 #9FB2AA #AEA4A1 #B99697 #C3878E #CC7785

颜色混合

#77CCBE

100%

#97B8AF

75:25

#AEA4A1

50:50

#BF8F93

25:75

#CC7785

100%

CSS渐变代码

background: linear-gradient(to right, #77CCBE, #CC7785);
background: linear-gradient(135deg, #77CCBE, #CC7785);

探索每种颜色

#77CCBE

查看完整颜色详情

#CC7785

查看完整颜色详情

相关比较