#77CC65

#77CC65

#BA65CC

#BA65CC

对比度

1.82:1

Delta E

127.44

Very Different

50:50 混合

#A59E9C

颜色值

格式 #77CC65 #BA65CC
HEX #77CC65 #BA65CC
RGB 119, 204, 101 186, 101, 204
HSL 109.5, 50.2%, 59.8% 289.5, 50.2%, 59.8%
HSV 109.5, 50.5%, 80.0% 289.5, 50.5%, 80.0%
CMYK 41.7%, 0.0%, 50.5%, 20.0% 8.8%, 50.5%, 0.0%, 20.0%
OKLCH 0.7677 0.1618 140.2 0.6431 0.1711 320.4

对比度与无障碍

1.82:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #BA65CC → 背景色: #77CC65

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

文本: #77CC65 → 背景色: #BA65CC

色差 (Delta E)

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

渐变

#77CC65 #8BBD79 #99AE8B #A59E9C #AE8DAC #B57ABC #BA65CC

颜色混合

#77CC65

100%

#92B682

75:25

#A59E9C

50:50

#B284B4

25:75

#BA65CC

100%

CSS渐变代码

background: linear-gradient(to right, #77CC65, #BA65CC);
background: linear-gradient(135deg, #77CC65, #BA65CC);

探索每种颜色

#77CC65

查看完整颜色详情

#BA65CC

查看完整颜色详情

相关比较