#77CC95

#77CC95

#CC77AE

#CC77AE

对比度

1.59:1

Delta E

86.99

Very Different

50:50 混合

#ABA5A2

颜色值

格式 #77CC95 #CC77AE
HEX #77CC95 #CC77AE
RGB 119, 204, 149 204, 119, 174
HSL 141.2, 45.5%, 63.3% 321.2, 45.5%, 63.3%
HSV 141.2, 41.7%, 80.0% 321.2, 41.7%, 80.0%
CMYK 41.7%, 0.0%, 27.0%, 20.0% 0.0%, 41.7%, 14.7%, 20.0%
OKLCH 0.7765 0.115 154.4 0.6788 0.126 341.7

对比度与无障碍

1.59:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CC77AE → 背景色: #77CC95

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

文本: #77CC95 → 背景色: #CC77AE

色差 (Delta E)

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

渐变

#77CC95 #8CC09A #9DB39E #ABA5A2 #B797A6 #C288AA #CC77AE

颜色混合

#77CC95

100%

#95B99C

75:25

#ABA5A2

50:50

#BD90A8

25:75

#CC77AE

100%

CSS渐变代码

background: linear-gradient(to right, #77CC95, #CC77AE);
background: linear-gradient(135deg, #77CC95, #CC77AE);

探索每种颜色

#77CC95

查看完整颜色详情

#CC77AE

查看完整颜色详情

相关比较